多くの人は、コントロールやデータなどをレイアウトするために、依然としてテーブルを使用しています。その一例が、人気の jqGrid です。しかし、私には理解できない魔法が起こっているようです (テーブルなのに、いったいどれほどの魔法があるのでしょうか?)
テーブルの列幅を設定し、jqGrid のようにそれに従うにはどうしたらよいのでしょうか? これを再現しようとすると、 every を設定したとしても<td style='width: 20px'>、セルの 1 つのコンテンツが 20px を超えるとすぐにセルが拡大します。
何かアイデアや洞察はありますか?
ベストアンサー1
すべての行のテーブルスタイルを管理するタグを使用することもできますが、またはテーブルのCSSクラスにスタイルを設定し、セルのスタイルを設定する<col>必要があります。table-layout:fixed<table>overflow
http://www.w3schools.com/TAGS/tag_col.asp
<table class="fixed">
<col width="20px" />
<col width="30px" />
<col width="40px" />
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
</table>
これがあなたのCSSになります
table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }