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

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

csdn_phy

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

阅读量4k

点赞数 1

分类专栏： EasyUI

本文链接：https://blog.youkuaiyun.com/phy1997/article/details/80634029

版权

EasyUI 专栏收录该内容

2 篇文章

订阅专栏

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

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

//改变一行的背景颜色
$('#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';   
      }
  }
}