0

div内にスクロールバー付きのテーブルがあります。

テーブルには、幅が定義された列がいくつかあります。それまでは、テーブルヘッダーは問題ありません。

しかし、グリッドに列を追加すると、ヘッダーテストがラップされますが、これは不要です。代わりに、水平スクロールを実行します。

通常： http： //jsfiddle.net/hVRW7/

その他の列：http： //jsfiddle.net/hVRW7/1/

4

2 に答える 2

1

最も簡単な修正は、<th>のラベルをスパンでラップし、固定幅を与えることです:

<table>
    <thead>
        <tr>
            <th><span>Label1</span></th>
            <th><span>Label2</span></th>            
        </tr>
    </thead>
</table>

次に、次のようにスタイルします。

th span
{

    display:inline-block;
    width:300px; /* or what you wish */

}

編集フィドルを参照してください。

于 2012-09-27T19:06:03.683 に答える
0

問題は、テーブルの幅に1024pxの制限を定義してから、合計幅が1430pxになる新しい列を定義していることです。その後、すべてのブラウザは、定義された1024pxの幅内に情報が収まるように最善を尽くそうとしています。与えられた例では、同じ列のセットを繰り返し定義しているだけなので、それらすべてが必要ですか？そうでない場合は、必要なものだけに絞り込んでから、実際の全体の幅を決定する必要があります。テーブル全体の定義された幅は、テーブルの最大幅を決定する際に個々の幅よりも優先されます。

于 2012-09-27T19:15:19.767 に答える