如何根据单元格值有条件地设置 ReactJs 材料表单元格的样式？

Question

我在材料表中有一个列，其中包含成功、失败等值。基于这些值，我需要在单元格上应用颜色。 如何使用 material-table 实现它。

Answer 1

此答案特定于反应材料表

在列部分，我们需要像下面提到的那样，所以当数据在表格中呈现时，它会根据单元格值有条件地应用样式。

    {
    title: 'Status', field: 'status',
        render: rowData => {
            return
            rowData.status == "Pending" ? <p style={{ color: "#E87722", fontWeight: "bold" }}>{rowData.status}</p> :
                rowData.status == "SUCCESS" ? <p style={{ color: "#008240", fontWeight: "bold" }}>{rowData.status}</p> :
                    <p style={{ color: "#B0B700", fontWeight: "bold" }}>{rowData.status}</p>
        }
}