使用colgroup设置表格单元格的宽度不适用于IE9
<table id="Grid1_Table" class="Table">
<colgroup>
<col style="width:20px">
<col style="width:20px">
<col style="width:180px">
<col style="width:200px">
</colgroup>
<tbody>
<tr>
<td class="RowHeader"><div> </div></td>
<td class="RecordPlusCollapse"><div> </div></td>
<td colspan="2" class="GroupCaption">Order ID: 0 - 1 Items</td>
</tr>
</tbody>
</table>
.RowHeader
{
background-color : black;
}
.GroupCaption
{
background-color : #868981;
}
.RecordPlusCollapse
{
background-color : red;
}
.Table{
width: 100%;
}
在IE9中,前2 <td>
宽度不是colgroup
。不确定为什么宽度不同。
答案 0 :(得分:16)
您提供表 100%宽度,然后转到固定宽度列。浏览器应该从哪里获取缺失的宽度?它只是拉伸表格单元格。
看看这个例子,适用于所有主流浏览器,从IE 5开始(!):) http://jsfiddle.net/Volker_E/ppRgV/1/
更改从表中删除了width: 100%;
并添加了table-layout: fixed;
.Table {
table-layout: fixed;
}