图列:

easyUI datagrid表头的合并-LMLPHP

js代码

function initConfigTable(param){
$("#mulConfigureTableBox").empty();
$("#mulConfigureTableBox").append('<table id="mulConfigureTable" style="margin:0;padding:0;"></table>')
$("#mulConfigureTable").datagrid({
url:url,
title : false,
fit : true,
fitColumns : false,//设置为 true,则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动
striped :true,//奇偶行的颜色
border : true,
loadMsg : '正在加载数据,请稍候...',
singleSelect:false,
autoRowHeight:true,
rownumbers:false,
showFooter:false,
resizable : false,
pagination:true,
pageSize:10,
pageList : [10,15,20,25,30,35,40,45,40,100],
queryParams:param,//查询条件
frozenColumns:[[
{
title : '区域',
field : 'city',
align:'center',
width:70,
sortable : false
},
{
title : '设备层级',
field : 'level',
align:'center',
width:70,
sortable : false
},
{
title : '设备名称',
field : 'deviceName',
align:'center',
width:240,
sortable : false
},
{
title : '设备IP',
field : 'ipaddress',
align:'center',
width:100,
sortable : false
}
]],
columns:[[
{
title : 'PB MB MC',
align:'center',
"colspan":1
},
{
title : 'PB',
align:'center',
"colspan":1
},
{
title : 'PB',
align:'center',
"colspan":1
},
{
title : 'PB MB MC',
align:'center',
"colspan":1
}],
[{
title : '组播使能',
field : 'mineStatus1',
align:'center',
formatter:formatterFun,
width:100,
sortable : false
},
{
title : 'Anycast-RP<br/>是否配置',
field : 'mineStatus2',
align:'center',
formatter:formatterFun,
width:100,
sortable : false
},
{
title : 'MSDP配置',
field : 'mineStatus3',
align:'center',
formatter:formatterFun,
width:100,
sortable : false
},
{
title : '组播负载均衡',
field : 'mineStatus4',
align:'center',
formatter:formatterFun,
width:100,
sortable : false
}
]]
})
}

  

  

05-08 14:57
查看更多