easyui在某一行合并列

源代码：

$(function(){

$('#waterLevel').datagrid({

fitColumns:true,

    data: [

  {'no':'1', 'type':'超低水位','time':'2016-09-11 06：21','level':'2.12','high':'35','low':'11'},

  {'no':'2', 'type':'超低水位','time':'2016-09-11 06：21','level':'2.12','high':'35','low':'11'},

  {'no':'3', 'type':'超低水位','time':'2016-09-11 06：21','level':'2.12','high':'35','low':'11'},

  {'no':'4', 'type':'超低水位','time':'2016-09-11 06：21','level':'2.12','high':'35','low':'11'},

  {'no':'2016-09-11平均水位为5.36m；2016-09-20平均水位为6.81m；2016-10-11平均水位为18.57m；2016-10-20平均水位为22.67m；'}

  ],

    columns:[[

{field:'no',title:'序号',width:100},

{field:'type',title:'统计类型',width:200},

{field:'time',title:'发生时间(分钟)',width:200},

{field:'level',title:'水位(m)',width:100},

{field:'high',title:'高限值(m)',width:100},

{field:'low',title:'低限值(m)',width:100}

    ]],

    onLoadSuccess: function (data) {

    var merges_a = [{

                  index: 4,//合并第5行的列,从0开始，所以index=4是第五行。

                  colspan: 6//合并列的数量

              }];

    for (var i = 0; i < merges_a.length; i++)

                  $('#waterLevel').datagrid('mergeCells', {

                      index: merges_a[i].index,

                      field: 'no',//合并后单元格对应的属性值

                      colspan: merges_a[i].colspan

                  });

    }

   

});

//$('.datagrid-cell').css('font-size','16px');

//$('.datagrid-header .datagrid-cell span ').css('font-size','22px');

});

效果：

合并行与此类似