easyui在某一行合并列

来源：互联网发布：如何下载喀秋莎软件编辑：程序博客网时间：2024/05/22 01:56

源代码：

$(function(){

$('#waterLevel').datagrid({

fitColumns:true,

data: [

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

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

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

{'no':'4', 'type':'超低水位','time':'2016-09-1106：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');

});

效果：

合并行与此类似

阅读全文

0 0