jQuery EasyUI 数据网格 - 条件设置行背景颜色
在jQuery EasyUI的数据网格(datagrid)中,可以通过使用rowStyler
函数来根据条件设置行背景颜色。以下是一个简单的实例代码:
$('#your-datagrid-id').datagrid({
// ... 其他配置项 ...
rowStyler: function(index, row){
// 根据行数据的不同条件设置不同的背景颜色
if (row.yourCondition){
// 如果满足条件,返回一个包含css样式的对象
return 'background-color:#FFEEEE;';
} else {
// 否则返回空字符串或者其他样式
return '';
}
},
// ... 其他配置项 ...
});
在这个例子中,yourCondition
是你要检查的条件,可以根据实际情况替换为具体的条件判断。如果满足条件,行的背景颜色会被设置为#FFEEEE
;如果不满足条件,则可以设置为其他的CSS样式。
评论已关闭