easyui datagrid隔行变色

最新推荐文章于 2024-06-10 16:05:11 发布

左眼看成爱

最新推荐文章于 2024-06-10 16:05:11 发布

阅读量1.2k

点赞数 1

分类专栏： Java 文章标签：隔行变色

本文链接：https://blog.csdn.net/wh445306/article/details/106230188

版权

Java 专栏收录该内容

149 篇文章 6 订阅

订阅专栏

属性striped设置为true，即striped:true。

如果想更改颜色，可以更改easyui.css中的.datagrid-row-alt样式。

或者：

<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'">