css - テーブル列の動的数に偶数幅を適用するための CSS

Question

最初は2つの列を持つテーブルがあり、両方ともテーブルの50％幅で均等にサイズ設定されていました。

これは、次の方法で実現されました。

.catPagesTbl td {width: 50%;}

テーブルに対する私のニーズは、テーブルに 2 列から多数の列を含めることができるように変更されました。

いくらでも均等に配置する必要がありますが、タグ自体にスタイルタグや css クラスを含めたくありません。

これを達成する方法はありますか？

score 2 · Accepted Answer

ここにいくつかのアイデアがあります: HTML table: keep the same width for columns .

または、「多数」が比較的小さい場合は、各列レイアウトのスタイルを定義できます。

table.twoCol td {
  width: 50%;
}
table.threeCol td {
  width: 33%;
}
table.fourCol td {
  width: 25%;
}
...

次に、テーブルに適切なクラスを含めます。

score 0 · Accepted Answer

また、datatables jQueryライブラリ-http://datatables.net/の使用を検討することもできます。これは、列ごとのスタイル設定など、結果のテーブルのスタイルを設定するためのさまざまな方法を提供します。LeviStanleyのアプローチも良い考えです。

2 に答える 2