1

私はシンプルで、列が整列したスクロール可能なテーブルが必要です。

私はこれを試しました（https://stackoverflow.com/a/11483686/1599054から）：

<table>
    <thead>
        <tr><th>loooooooooooooong</th><th>headers</th></tr>
    </thead>
    <tbody>
        <tr><td>t</td><td>t</td></tr>
        <tr><td>t</td><td>t</td></tr>
        <tr><td>t</td><td>t</td></tr>
    </tbody> </table>

そしてCSS：

thead { display:block; background: green; margin:0px; cell-spacing:0px; left:0px; }
tbody { display:block; overflow:auto; height:100px; }
th { height:50px; }
td { height:50px; background:blue; margin:0px; cell-spacing:0px;}

ここで確認できます: http://jsfiddle.net/Rfgm2/1/

私の問題は、コンテンツは小さいがヘッダーが大きいことです。それらは「動的に」整列する手段ですか?

4

2 に答える 2

1

から削除display: block;しthead、tbodyそこに配置することで、これらの要素のデフォルトのスタイルをいじっています。

フィドル

于 2013-05-24T22:42:29.583 に答える