使用jQuery的可滚动表

Question

是否有任何好的和轻的jQuery插件制作Scrollable Tables.

我在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>

关键是在tbody中设置溢出CSS,以便使该部分可滚动(但不是整个表).您还需要设置高度,以便定义可滚动部分的高度.