使用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> 

的關鍵是在設置在TBODY溢出CSS，從而使該部分滾動（但不是整個表格）。您還需要設置高度，以便可以定義可滾動部分的高度。

Answer 2

這裏有一個行之有效： http://www.farinspace.com/jquery-scrollable-table-plugin/

而且由於它上面所提到的，這裏有一個純HTML/CSS跨瀏覽器的解決方案： http://www.imaputz.com/cssStuff/bigFourVersion.html