easyui 隔行渐变色属性设置

简介: 1.部分JS文件function getAgencyDealTable(begin,end,regionFlag,agencyId){ $('#reportList').datagrid({ idField : 'id', // 只要创建数据表格 就必须要加 ifFiel...

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'
        }, {

 

实际效果:(隔行渐变色)

 

相关文章
|
11月前
easyUI 设置datagrid的行高 + 文字超宽换行
easyUI 设置datagrid的行高 + 文字超宽换行
434 0
|
11月前
easyui datebox 设置只读
easyui datebox 设置只读
39EasyUI 数据网格- 条件设置行背景颜色
39EasyUI 数据网格- 条件设置行背景颜色
46 0
28EasyUI 数据网格- 设置排序
28EasyUI 数据网格- 设置排序
27 0
|
JavaScript 前端开发
25EasyUI 数据网格- 设置冻结列
25EasyUI 数据网格- 设置冻结列
94 0
|
前端开发 测试技术
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
417 0
|
JavaScript 前端开发
Easyui layout设置满屏效果
html文件: DOCTYPE html> Easyui Layout全屏 north region west content east region south region 全屏取消全屏   js文件: $.
2365 0
|
JavaScript
Easyui 页面设置加载完成之后,满屏
js文件: if(top.location!=self.location){ top.location.href=self.location; }
1648 0