位置:首页 » 文章/教程分享 » easyui-datagrid改变单元格颜色

我们经常需要根据datagrid中的数据值改变单元格的颜色,例如大于警戒值的数值需要标黄,本文介绍easyui中datagrid改变单元格颜色的方法。

直接看代码:

// 获取所有的行
var trs = $('#cc1 div.datagrid-view2 div.datagrid-body').find('tr');

// 遍历所有行
for (var i = 0; i < trs.length; i++) {
    // 遍历所有列
    for (var j = 0; j < trs[i].cells.length; j++) {
        // 改变单元格颜色
        trs[i].cells[j].style.cssText = 'background:#EEEE00;color:#fff';
    }
}