1

これは簡単な質問ですが、それでも少し混乱しています。

これは私のHTMLテーブルに関するものです。列 1 から 8 ( <th>..) を 100% 幅または 100% HTML 幅のビューのみに固定し、列 9 などの残りの列を動的に生成して水平方向にスクロールできるようにしたいと考えています。

たとえば、9 列のテーブルがある場合、ページを読み込むと 1 列目から 8 列目までが表示され、9 列目は水平方向にスクロールしたときにのみ表示されます。

既に使用していますtale-layout:fixed;が、まだページの 1 列目から 8 列目までが 100% 収まりません。10 列の場合は問題ないように見えますが、15 列などの多数の列がある場合は、1 列目から 8 列目までが縮小し、CSS 幅の値に従わなくなります。

何かアドバイス？

4

4 に答える 4

0

テーブルは絶対に使わないといけないのですか？テーブルはセマンティック データに使用されることになっています。

ただし、実装に関係なく、overflowCSS 属性が重要です。

スクロール可能なビューアだけが必要な場合は、ul を使用することをお勧めします。以下の私の実装では、li の幅パディング + マージンの合計数の幅を計算して、ul に固定幅を与える必要があります。

jsFiddle の例を次に示します。それが役に立ち、あなたが探しているものを提供してくれることを願っています。

于 2013-08-27T15:00:35.850 に答える
0

各列1〜8の幅が合計100％になるようにする必要があると思います。あなたがそれを持っているとき、それはあなたの列1-8でページ全体を埋めるでしょう、そしてあなたが適用することを確認してください

overflow:auto;

それぞれに。overflow:auto をそれぞれに適用してもうまくいかない場合は、9 番目の列だけに適用してみてください。

また、各幅を自動に設定する必要がある場合もあります。

于 2013-08-27T14:47:27.583 に答える