EasyUI中改变datagrid中columns一行的背景颜色

最新推荐文章于 2023-03-24 15:27:35 发布

原创最新推荐文章于 2023-03-24 15:27:35 发布 · 4.1k 阅读

3 ·

CC 4.0 BY-SA版权

EasyUI 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在EasyUI的datagrid中根据特定条件改变行或列的背景颜色。通过使用`rowStyler`函数实现行背景色的变化，当`列名`满足条件时，背景色变为绿色，文字颜色变为白色。同时展示了如何设置某一列的背景色，当`value`等于特定条件时，列背景也会呈现绿色，文字颜色同样为白色。

//改变一行的背景颜色
$('#numyet_dg').datagrid({
    //如果满足已经领取的条件则改变背景颜色
    rowStyler: function(index, row) {
         //index:下标   row对象
        //此处可以添加条件
        if(row.列名==‘条件’){
            // return 'background-color:red;';
            return 'background-color:green;color:white';
        }
    }
})



//单独改变一列的背景颜色
{field:'列名',title:'标题',width:100,
  styler: function (value, row, index) {
    if(value==‘条件’){  //不需要条件可不写
     return 'background-color:green;color:white';   
      }
  }
}