根据反应虚拟化中的条件为列单元格文本添加颜色 table

Question

我正在使用来自 react-virtualised 模块的 table 和列组件。

我需要根据几个条件为单元格文本添加颜色。我没有找到这样做的方法。

This is the Link for code reference

请帮我解答

Answer 1

找到了使用单元格渲染器的解决方案

getColorPalate(risk) {
    let riskColor;
    switch (true) {
        case risk < 25:
            riskColor = '#00CD63';
            break;
        case risk > 25 && risk < 50:
            riskColor = '#F8E71C';
            break;
        case risk > 50 && risk < 75:
            riskColor = '#F09502';
            break;
        default:
            riskColor = '#F24343';
            break;
    }
    return ( < div style = {
                {
                    color: riskColor,
                }
            } > {
                risk
            } < /div> ); }