1. ホーム
  2. html

[解決済み] テーブルのセル幅を固定

2022-04-15 17:19:45

質問

多くの人がコントロールやデータなどをレイアウトするためにテーブルをまだ使用しています。- その一例として、人気のあるjqGridがあります。しかし、私には理解できないいくつかのマジックが起こっています(大声で叫ぶためのテーブルです。)

テーブルの列幅を設定して、jqGridのように従わせることは可能なのでしょうか!?これを再現しようとすると、たとえ私がすべての <td style='width: 20px'> これらのセルの内容が20pxを超えると、セルが拡張されます。

何かアイデアや気づきがあれば教えてください。

解決方法は?

を使用してみてください。 <col> タグはすべての行のテーブル・スタイリングを管理しますが、そのためには table-layout:fixed のスタイルを <table> またはテーブルのCSSクラスを設定し 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; }