设置表格easyui-datagrid，对行进行颜色设置_easyui datagrid 行颜色-优快云博客

这篇博客介绍了如何在EasyUI Datagrid中通过rowStyler方法实现对行的样式设置。通过判断行数据的特定条件，如当Online字段不等于'True'时，将字体颜色设置为红色，从而达到高亮显示的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：

操作：加上方法：

rowStyler: function (index, row) {
if (row.Online != "True") {
// return "background-color:#FFFF99;";//背景颜色
return "color:red;";//字体颜色
}

}

            columns: [[
                { title: 'T2pkid', field: 'T2pkid', halign: 'center', hidden: true },
                { title: '设备编码', field: 'LedCode', halign: 'center', width: 20, hidden: true },
                { title: '设备编号', field: 'EquipShowNo', halign: 'center', width: 20 },
                { title: '部门编码', field: 'DepartCode', halign: 'center', hidden: true },
                { title: '所属部门', field: 'Departname', halign: 'center', width: 20 },
                { title: '安装地址', field: 'LedAddress', halign: 'center', width: 60 },
                { title: '设备地址', field: 'Commnumber', halign: 'center', width: 40 },
                {
                    title: '是否在线', field: 'Online', width: 20, halign: 'center', align: 'center',
                    formatter: function (value) {
                        if (value == "True") {
                            return "<span style='color:green;'>在线</span>";
                        } else {
                            return "<span style='color:red;'>离线</span>";
                        }
                    }
                },
                {
                    title: '报修记录', field: 'EquipCode', width: 20, halign: 'center', align: 'center', formatter: function (value) {
                        return '<a style="color:red;" href="javascript:void(0);"  onclick="getLedRepair(\'' + value + '\');">查看</a>';
                    }
                },
                {
                    title: '报修状态', field: 'RepairStatus', halign: 'center', align: 'center', width: 20, formatter: function (value, row) {
                        if (row.Online == "True") {
                            return "";
                        } else {
                            if (value == "0") {
                                return "已报修";
                            } else if (value == "1") {
                                return "已修复";
                            } else if (value == "") {
                                return "";
                            }
                        }
                    }
                },
                {
                    title: '故障描述', field: 'Remarker', halign: 'center', width: 80, formatter: function (value, row, index) {
                        if (row.Online == "True") {
                            return "";
                        } else {
                            return value;
                        }
                    }
                }

            ]],
            rowStyler: function (index, row) {
                if (row.Online != "True") {
                   // return "background-color:#FFFF99;";
                    return "color:red;";
                 }

            }