读书人

解决报表设置table-layout:fixed后单元

发布时间: 2013-03-17 13:48:32 作者: rapoo

解决表格设置table-layout:fixed后单元格宽度设置无效的方法
在对设置表格设置table-layer:fixed样式后,发现表格中有一行合并过,其它没有合并的行的列宽会平均化,对列宽的设置会失效。如果把表格的合并行去掉,又能正常显示。

原因:table-layout: fixed 的表格,各列宽度由第一行决定,后面指定的宽度会被忽略。你第一行合并了,所以各列宽度均分了。

解决方法一:

在tbody前加

<style>td{border:1px solid red;}</style><table style="table-layout:fixed;width:200px" border="0" cellspacing="1" cellpadding="1"><tr style="height:0;">  <th style="width:100px"></th>  <th style="width:80px"></th>  <th style="width:20px"></th></tr><tr>  <td>1</td>  <td colspan="2">2</td></tr><tr>  <td>1.1</td>  <td>2.1</td>  <td>2.2</td></tr></table>


读书人网 >Web前端

热点推荐