javascript - ReactTable - 切换行背景颜色 onClick/onExpandRow

Question

在 ReactTable 中，我想在该行展开时切换行背景颜色。在下面的链接中，第一张图片是我拥有的，第二张是我想要的。我试过玩弄 onExpandedChange 和一些没有成功的事情。任何想法如何实现这一点。感谢您的帮助。

https://imgur.com/a/HLOigDC

Answer 1

根据 documentation ，您可以使用自定义 Prop (没有指向该示例的直接链接，请尝试搜索 You can use these callbacks for dynamic styling as well!):

   <ReactTable
      getTrProps={(state, rowInfo, column) => {
        return {
          style: {
            background: state.expanded[rowInfo.index] ? "blue" : "white"
          }
        };
      }}
    />