FineUI 后台Grid中 某列添加背景色 AspCore MVC

HTML

F.RenderField().HeaderText("状态").DataField("statusName").Width(120).TextAlign(TextAlign.Center).RendererFunction("statusRenderFunction"),

JS

  //状态列
        function statusRenderFunction(value, params) {
            
            params.cellCls = `status${params.rowValue.status}`;
            return value;
        }

status数字 表示1234

CSS

@section head {
    <style type="text/css">
        .status0 {
            background-color: #FB9230;
            color: #fff;
        }

        .status1 {
            background-color: #333333;
            color: #fff;
        }

        .status2 {
            background-color: #0BBF53;
            color: #fff;
        }

        .status3 {
            background-color: #FF4D4F;
            color: #fff;
        }

        .status4 {
            background-color: #9F9E9D;
            color: #fff;
        }
    </style>
}

这样就是动态根据值来显示背景色了