使用easyui定义一个复杂的表头,合并后3列的表头
<thead> <tr> <th field="name1" width="50" rowspan="2">Col 1</th> <th field="name2" width="50" rowspan="2">Col 2</th> <th field="name3" width="50" rowspan="2">Col 3</th> <th colspan="3">Details</th> </tr> <tr> <th field="name4" >Col 4</th> <th field="name5" >Col 5</th> <th field="name6" >Col 6</th> </tr> </thead>这样会出现一个问题就是合并后的三列的宽度是相等的,而且添加width属性也好像不起作用,有一个方法亲测有用,在表头前面设置每一列的宽度
<thead> <col style="width: 10%" /> <col style="width: 10%" /> <col style="width: 25%" /> <col style="width: 5%" /> <col style="width: 8%" /> <col style="width: 15%" /> <tr> <th field="name1" width="50" rowspan="2">Col 1</th> <th field="name2" width="50" rowspan="2">Col 2</th> <th field="name3" width="50" rowspan="2">Col 3</th> <th colspan="3">Details</th> </tr> <tr> <th field="name4" >Col 4</th> <th field="name5" >Col 5</th> <th field="name6" >Col 6</th> </tr> </thead>这样就可以调整宽度啦