相关疑难解决方法(0)

反应表单个单元格样式

我正在使用react-table,并希望根据特定单元格的内部编号更改背景色。例如 单元格> 1 =绿色,单元格<1 =红色,中间有不同的阴影。我已经看到了很多关于对行和列进行着色的内容,但是却在如何根据加载的数据对特定单元格进行着色方面苦苦挣扎。

我知道这段代码行不通,但希望它能显示出我正在寻找的内容:

<ReactTable
  data={data}
  columns={columns}
  getTdProps={(cellInfo) => {
      return {
        if (cellInfo.value > 1) {
            cellInfo.className = "green-cell";
        }
        if (cellInfo.value < 1) {
            cellInfo.className = "red-cell";
        }
      };
    }}
/>
Run Code Online (Sandbox Code Playgroud)

希望这是有道理的。谢谢您的帮助。

javascript reactjs react-table

1
推荐指数
1
解决办法
5096
查看次数

标签 统计

javascript ×1

react-table ×1

reactjs ×1