EasyUI中DataGrid隔行改变背景颜色。

Posted longdb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了EasyUI中DataGrid隔行改变背景颜色。相关的知识,希望对你有一定的参考价值。

       <table id="dg" class="easyui-datagrid" style="width: 1000px; height: 300px" 
            data-options="
            rownumbers:true,
            onClickRow:ClickRow,
            singleSelect:false,
            border:true,
            pagination:true,
            url:‘DataGridDataHandler.ashx‘,
           <%-- //隔行变色--%>
            rowStyler: function(index,row){
                    if ((index % 2)==0){
                        return ‘background-color:#0000C6;color:#fff;font-weight:bold;‘;
                    }
                else{
                      return ‘background-color:#009100;color:#fff;font-weight:bold;‘;
                }
                },
            toolbar:‘#tb‘">  

 

以上是关于EasyUI中DataGrid隔行改变背景颜色。的主要内容,如果未能解决你的问题,请参考以下文章

easyui datagrid 隔行变色

雷林鹏分享:jQuery EasyUI 数据网格 - 条件设置行背景颜色

easyui中datagrid的字体颜色为题

easyui怎么给某一单元格,点击保存前后颜色改变

DataGrid 行变色

EASYUI的datagrid怎么实现动态改变一行数据的背景色