jquery - 使用 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，以使该部分可滚动（但不是整个表格）。您还需要设置高度，以便定义可滚动部分的高度。

Answer 2

这是一个效果很好的方法：http: //www.farinspace.com/jquery-scrollable-table-plugin/

既然上面提到了，这里有一个纯 HTML/CSS 跨浏览器解决方案： http ://www.imaputz.com/cssStuff/bigFourVersion.html