不多說，直接上代碼

$('#tabgrid').datagrid({?? ?
?? ???? nowrap : false,
?? ???? fit : true, ?
?? ???? url: url, ?
?? ???????? frozenColumns: [[?? ?
?? ????????????????????????????? { title: '街道預警', "field": 'ssjd', width: 80, sortable: true}
?? ????????????????????????? ]],? ?
?? ???????? columns: [ ?
?? ?????????????????? [{"title":"預警情況","colspan":6},
?? ??????????????????? {"title":"數據更正情況","colspan":1},
?? ??????????????????? {"title":"延期情況","colspan":1},
?? ??????????????????? {"title":"申訴情況","colspan":1},
?? ??????????????????? {"title":"整改督辦情況","colspan":1},
?? ??????????????????? {"title":"報區紀委情況","colspan":1},
?? ??????????????????? {"field":"yjl","title":"預警率","rowspan":3},
?? ??????????????????? {"field":"yjsortno","title":"預警率排名","rowspan":3}],
?? ???????? [{"title":"預警數(次)","colspan":3}, ?
?? ????????? {"field":"yjtotal","title":"預警總計","rowspan":2}, ?
?? ????????? {"field":"yjred","title":"預警紅燈數(次)","rowspan":2},
?? ????????? {"field":"yjyellow","title":"預警黃燈數(次)","rowspan":2},
?? ????????? {"field":"gznum","title":"數據更正數(次)","rowspan":2},
?? ????????? {"field":"yqnum","title":"延期數(次)","rowspan":2},
?? ????????? {"field":"ssnum","title":"申訴數(次)","rowspan":2},
?? ????????? {"field":"zgdbnum","title":"整改督辦數(次)","rowspan":2},
?? ????????? {"field":"bsqjwnum","title":"報送區紀委數(次)","rowspan":2}], ?
?? ???????? [{"field":"wycz","title":"物業出租","rowspan":1},
?? ????????? {"field":"jsgc","title":"建設工程","rowspan":1}, ?
?? ????????? {"field":"qtzdsx","title":"其他重大事項","rowspan":1}]],
?? ????????? singleSelect:true,
?? ???????? rownumbers: true? ?
?? ?});

效果如下

總結

以上是生活随笔為你收集整理的easyUI 多表头设置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。