'thead'の幅が 'tbody'の幅と一致しない

Question

<thead>のテーブルがありますが、それぞれの<th>がそれぞれの列の幅と一致しません（<tbody>の<td>） 。

さらに詳しい情報が必要な場合は、私に尋ねてください。前もって感謝します。

EDIT：これはthead要素にテーブルにtable-layout:fixedとdisplay:tableを追加jsfiddle

Answer 1

はあなたの問題を解決しています。

修正CSS：

table thead { 
    display:table; 
    width: 100%; 
    background-color: lightblue; 
    position: fixed; 
} 
table{ 
    table-layout:fixed; 
} 

table-layout:fixedは、全体のレイアウトに影響を与え、あなたはそれがしたいどのように見ていない可能性がありますので、これは、しかしずさんな修正の一種です。

さらに、レイアウトをより詳細に制御するために、table-layout:fixedを使用する代わりに、列のパーセンテージ幅を設定することもできます。