首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

解决报表设置table-layout:fixed后单元格宽度设置无效的方法

2013-03-17 
解决表格设置table-layout:fixed后单元格宽度设置无效的方法在对设置表设置table-layer:fixed样式后,发现

解决表格设置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>


热点排行