easyui合并列，每列大小会相等，如何处理？

来源：互联网发布：苹果手机监视软件编辑：程序博客网时间：2024/06/06 09:44

使用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>

这样就可以调整宽度啦

阅读全文

1 0