easyui 隔行渐变色属性设置

1.部分JS文件

function getAgencyDealTable(begin,end,regionFlag,agencyId){
    $('#reportList').datagrid({
        idField : 'id', // 只要创建数据表格 就必须要加 ifField
        title : '',
        fit : true,
        url : parent.baseUrl+"report/findAucAgencyDealCount",
        method : 'GET',
        queryParams: {beginTime:begin,endTime:end,regionFlag:regionFlag,agencyId:agencyId},
        fitColumns : false,
        striped : false, // 隔行变色特性  不渐变色
        loadMsg : '数据正在加载,请耐心的等待...',
        rownumbers : true,
        rowStyler : function(index, record) {
//            console.log(record);
        },
        columns : [ [ {
            field : 'aucagencyName',
            title : '拍品分类',
            width : 290,
            align : 'center'
        },  {
            field : 'aucLotCount',
            title : '拍品件数',
            width : 150,
            align : 'center'
        }, {
            field : 'aucLotDealCount',
            title : '成交件数',
            width : 150,
            align : 'center'
        }, {

 

2.效果

 

  

 

另外一种方法：

function getAgencyDealTable(begin,end,regionFlag,agencyId){
    $('#reportList').datagrid({
        idField : 'id', // 只要创建数据表格 就必须要加 ifField
        title : '',
        fit : true,
        url : parent.baseUrl+"report/findAucAgencyDealCount",
        method : 'GET',
        queryParams: {beginTime:begin,endTime:end,regionFlag:regionFlag,agencyId:agencyId},
        fitColumns : false,
        striped : true, // 隔行变色特性
        loadMsg : '数据正在加载,请耐心的等待...',
        rownumbers : true,
        rowStyler : function(index, record) {
//            console.log(record);
        },
        columns : [ [ {
            field : 'aucagencyName',
            title : '拍品分类',
            width : 290,
            align : 'center'
        },  {
            field : 'aucLotCount',
            title : '拍品件数',
            width : 150,
            align : 'center'
        }, {

 

实际效果：（隔行渐变色）

 

来源：https://www.cnblogs.com/mr-wuxiansheng/p/6395653.html