圖列:

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
}
]]
})
}
