React js中ag-grid中的自定义单元格引用

Question

我使用 React js 创建了 ag-grid table 之后将 json 数据传递给 table 在传递数据 table 之后看起来像这样

现在我想用一些不同的颜色自定义状态列 if status high use red if low 使用 green else 使用 yellow

我想要这样的最终输出

如何使用 React js 解决此问题以获得更多代码参考click here

Answer 1

您可以根据单元格的值有条件地将样式应用于单元格。以下是此文档 example 中关于样式单元格的一些方法。

{
        
        field: 'status',
        cellClass: params => {
            return params.value === 'high' 
                     ? 'my-class-red' 
                     : params.value === 'low' 
                        ? 'my-class-green'
                        :  'my-class-yellow';
        },
    },