需要修復長表上的標題行而不使用可滾動的div

我正在嘗試使用jQuery解決方案在表上提供固定標題。我知道有很多解決方案，但大多數都不可靠或基於可滾動div。我試圖使用一個jQuery解決方案，迄今爲止我已經讓我離我想要的地方最近，但是它仍然不是100％，固定頭部中的列不是100％準確的並且具有不正確的寬度。需要修復長表上的標題行而不使用可滾動的div

在我的要求中，有問題的表格不會首先出現在其頁面的頂部，並且會由很多因素以很長的時間通過典型的屏幕高度。所以當用戶向下滾動頁面時，導致表格向上移動，當表格的頂部到達瀏覽器窗口的頂部時，它應該使標題保持在窗口的頂部。

我設置一個的jsfiddle來說明這一點非常基本的形式：http://jsfiddle.net/8VxYD/1/

你可以看到，當你向下滾動頁面的標題不固定，但列寬度略掉，我不知道是否它的jQuery代碼或者它的CSS是否是原因。

來源

2011-12-12 Dave

好像你只需要1個額外PX添加到列標題的寬度：http://jsfiddle.net/8VxYD/4/

我所做的唯一的變化是： floatCell.width(cell.width() + 1);

來源

2011-12-12 17:23:08 maxedison

沒錯，幫助那裏的感謝。我注意到，雖然jsFiddle導入了一些boiletplate樣式表也會影響它。我發現代碼中的+1不能單獨工作，我還必須添加border-collapse：collapse; \t border-spacing：0到'table'的css。 – Dave

說太快了，在firefox中試一試，將固定寬度類應用於一些列。更新小提琴：http://jsfiddle.net/8VxYD/17/ – Dave

需要修復長表上的標題行而不使用可滾動的div

回答

相關問題