滾動表格，保持標題固定

我想我的表格標題固定，當我垂直滾動。滾動表格，保持標題固定

此外，如何讓我的表留在jQuery UI選項卡的標籤內容？我希望它與底部對齊;它不應該是標籤內容高度的100％，因爲表格上方還有其他內容，但是我希望它填充所有可用空間（標籤具有一定的高度，不會在屏幕下方顯示，因此不會顯示在屏幕下方應該有一個滾動條，也不是標籤）。正如你今天看到的，我有一個固定的桌面高度爲450px，並且在一些完美的屏幕上，但有些屏幕會在外面（見圖片）。

enter image description here

我想滾動條是在非常右側（黃線），沒有位置旁邊的桌子結束，如果可能的話。類似於Facebook，我認爲。

來源

2013-02-23 silkfire

如果你能提供你有的代碼示例，會更好。 ** [jsfiddle.net]（http://jsfiddle.net/）**或** [jsbin.com]（http://jsbin.com/）** – jherax 2013-06-26 13:16:18

這是一個非常繁瑣的方法：http： //jsfiddle.net/PfGQA/ – xjedam 2013-06-26 13:32:36

看看這個[post]（http://stackoverflow.com/questions/14977864/fixed-header-table-with-horizontal-scrollbar-and-vertical-scrollbar-on） – avrahamcool 2013-09-24 06:17:44

我發現的其他解決方案都不符合我的所有要求，所以我創建了一個非常輕量級的jQuery插件來完成此操作。它支持固定的頁眉，頁腳，列跨越（colspan），調整大小，以及在滾動開始之前顯示的可選行數。

jQuery.scrollTableBody (GitHub)

只要你有一臺合適的<thead>，<tbody>，和（可選）<tfoot>，所有你需要做的是：

$('table').scrollTableBody();

更新：補充支持水平滾動以及

來源

2013-09-24 05:37:46

+1。我真的很喜歡你做的。你能否給你的lib添加一個垂直滾動功能？ – avrahamcool 2013-09-24 06:27:34

@avrahamcool謝謝......你的意思是水平滾動嗎？如果是這樣，我會考慮添加。 – 2013-09-24 18:18:15

是的，我的意思是水平滾動。 -我的錯。 – avrahamcool 2013-09-24 18:36:05

滾動表格，保持標題固定

回答

相關問題