BootStrap Table
<table id="table" class="table"></table>
$("#table").bootstrapTable({});
columns： 配置標題
columns:[
[ { "title": "洗衣機統計表", "halign":"center", "align":"center", "colspan": 5 } ],
[ { field: 'name', title: "功能分組", valign:"middle", align:"center", colspan: 1, rowspan: 2 }, { title: "美的", valign:"middle", align:"center", colspan: 2, rowspan: 1 }, { title: "松下", valign:"middle", align:"center", colspan: 2, rowspan: 1 } ],
[ { field: 'mideaNum', title: '數量', valign:"middle", align:"center" }, { field: 'mideaPercent', title: '占比', valign:"middle", align:"center" }, { field: 'panasonicNum', title: '數量', valign:"middle", align:"center" }, { field: 'panasonicPercent', title: '占比', valign:"middle", align:"center" } ]
]
配置三層表頭，注意合並（rowspan, colspan）
css設置標題顏色：
.table>thead>tr:nth-child(2)>th {
font-weight: normal;
font-size: 13px;
color: #337ab7;
}
.table>thead>tr:nth-child(1)>th:nth-child(2){
color: #337ab7;
}
/*第三個子元素*/
.table>thead>tr:nth-child(1)>th:nth-child(3){
border-right:1px solid #ccc;
}