本文主要包含easyui,列合并调整宽度等相关知识,masterLSC的博客希望在学习及工作中可以帮助到您
<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>
这样就可以调整宽度啦