html - 個々のテーブル列ごとに正しい幅を設定しますか?

Question

テーブル内の個々の列の幅を設定する際に問題があります。テーブルとその各列を表示するJsfiddleを作成しました。各列に必要な幅のパーセンテージを述べましたが、フィドルを開くとわかるように、これらの列の幅は、各列幅に設定した目的のパーセンテージと一致しません。

コードに目に見えるエラーはありますか?

Answer 1

表の列は、コンテンツによってサイズ (w) が決まり、可能な限り低い幅にスリム化されます。従来のテーブルでこれを行う良い方法があるかどうかはわかりません。

div を使用してテーブルを作成すると、overflow:scroll/hidden プロパティを使用できるようになります。

Answer 2

私が見る限り、ブラウザはパーセンテージ値にできるだけ近づけようとします。ただし、セルの内容を表示するのに十分な幅の列が常に作成されることに注意してください。たとえば、「Number」という単語を 3% のみに設定した場合でも、常に十分な幅で表示されます。