<col> IEとChromeの場合、widthは0を返します。

Question

3つの列を持つ表があります。私はタグの列の幅を指定するために使用しています。サンプルコード：

<table width="100%" border="1"> 
    <colgroup style="background-color:#FF0000;"> 
    <col width="100px" id="id1"></col> 
    <col width="80px" id="id2"></col><col id="id3"></col></colgroup> 
    <tbody> 
    <tr> 
    <th>ISBN</th> 
    <th>Title</th> 
    <th>Price</th> 
    </tr> 
    <tr> 
    <td>3476896</td> 
    <td>My first HTML</td> 
    <td>$53</td> 
    </tr> 
    <tr> 
    <td>2489604</td> 
    <td>My first CSS</td> 
    <td>$47</td> 
    </tr> 
<tbody> 
</table> 

問題は、COLの幅でIEとChromeの場合は0を返し、それがFFで正常に動作します（$（ "＃のID1"）の幅（）。）。 クロムとIEの実際の幅をどのように取得できますか？

Answer 1

古いjQueryのための簡単なハック（COLは、Chromeの幅を持っていないが、それは幅の最初のセルを持っている）

<table width="100%" border="1"> 
    <colgroup style="background-color:#FF0000;"> 
    <col width="100px"></col> 
    <col width="80px"></col><col id="id3"></col></colgroup> 
    <tbody> 
    <tr> 
    <th id="id1">ISBN</th> 
    <th id="id2">Title</th> 
    <th>Price</th> 
    </tr> 
    <tr> 
    <td>3476896</td> 
    <td>My first HTML</td> 
    <td>$53</td> 
    </tr> 
    <tr> 
    <td>2489604</td> 
    <td>My first CSS</td> 
    <td>$47</td> 
    </tr> 
<tbody> 
</table> 

ここにいます - 、私はIE9でコードを確認しているhttp://jsfiddle.net/YD5mM/2/