Breite der Tabelle Zelle basierend auf colgroup

Question

Schränkweite für Tabellenzelle mit colgroup nicht funktioniert in 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>&nbsp;</div></td> 
      <td class="RecordPlusCollapse"><div>&nbsp;</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%; 
} 

Erste 2 <td> Breite ist nicht so colgroup in IE9 nicht funktioniert. Nicht sicher, warum die Breite unterschiedlich ist.

http://jsfiddle.net/KgfsM/3/

Answer 1

Sie geben die Tabelle 100% Breite und dann für feste Breite cols gehen. Woher soll der Browser die fehlende Breite nehmen? Es dehnt einfach die Tabellenzellen aus.

Schauen Sie sich das Beispiel arbeitet in allen wichtigen Browser mit IE ab dem 5. (!) :) http://jsfiddle.net/Volker_E/ppRgV/1/

Änderungen wurden width: 100%; aus Tabelle Strippen und das Hinzufügen von table-layout: fixed;

.Table { 
    table-layout: fixed; 
}