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

Question

在传递 json 数据到表之后，我使用 react js 创建了 ag-grid 表 data.table 看起来像这样

现在我想用一些不同的颜色自定义状态列如果状态高使用红色如果低使用绿色否则使用黄色

最终 output 我想要这样

如何使用 react js 解决此问题以获取更多代码参考单击此处

Answer 1

您可以根据单元格的值有条件地将 styles 应用于单元格。 以下是从这个关于样式单元格的文档示例中获取的一些方法。

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