jquery - jQueryを使用したスクロール可能なテーブル

Question

スクロール可能なテーブルを作成するための優れた軽量のjQueryプラグインはありますか？

http://www.webtoolkit.info/scrollable-html-table-plugin-for-jquery.htmlで入手しましたが、IEおよびFF以外のブラウザーでは機能しません。

ありがとう！

Answer 1

軽いコードを探している場合は、jQuery を完全にスキップして、純粋な HTML/CSS を使用してください。

<table>
    <thead>
        <tr><th>Header Item 1</th><th>Header Item 2</th></tr>
    </thead>
    <tfoot>
        <tr><th>Footer Item 1</th><th>Footer Item 2</th></tr>
    </tfoot>
    <tbody style="overflow-y: scroll; overflow-x: hidden; height: 100px;">
        <tr><td>Item 1-1</td><td>Item 2-1</td></tr>
        ...
        <tr><td>Item 1-N</td><td>Item 2-N</td></tr>
    </tbody>
</table>

重要なのは、オーバーフロー CSS を tbody に設定して、その部分をスクロール可能にすることです (テーブル全体ではありません)。高さも設定する必要があるため、スクロール可能なセクションの高さを定義できます。

Answer 2

これがうまく機能するものです： http://www.farinspace.com/jquery-scrollable-table-plugin/

上記で述べたので、ここに純粋な HTML/CSS クロスブラウザー ソリューションがあります: http://www.imaputz.com/cssStuff/bigFourVersion.html