粘表標題

Question

我用這plugin實現我Table粘性表頭。實際上，與插件示例和我的頁面中一樣，表格標題稍後會在表格中的最後一行消失。我希望我的表格標題在最後一行消失時正好消失。有沒有機會實現這個目標？

Answer 1

這裏有一個工作示例：fiddle

所有我改變了這一行的末尾：

if ((scrollTop > offset.top) && (scrollTop < offset.top + $this.height()-base.$clonedHeader.height())) { 

Answer 2

你可以在GitHub上添加一個錯誤報告：

https://github.com/jmosbech/StickyTableHeaders/issues

Answer 3

我知道ŧ他是老了，但我覺得奉獻的東西，可以幫助一些......

對於動態表（其中每個單元的寬度是預先計算），這個插件打亂了標題行的寬度。

我做了幫助計算基於從基於第一TBODY行的單元，每個單元outerWidth寬度的一些變化。

出在插件當前寬度計算首評：

base.updateWidth = function() { 
     // Copy cell widths and classes from original header 
     $('th', base.$clonedHeader).each(function (index) { 
      var $this = $(this); 
      var $origCell = $('th', base.$originalHeader).eq(index); 
      this.className = $origCell.attr('class') || ''; 
      //$this.css('width', $origCell.width()); 
     }); 

     // Copy row width from whole table 
     //base.$clonedHeader.css('width', base.$originalHeader.width()); 
    }; 

    // Run initializer 
    base.init(); 

然後添加以下base.toggleHeaders的末尾=函數（）{

// Set cell widths for header cells based on first row's cells 
var firstTr = $this.children("tbody").children("tr").first(); 
var iCol = 0; 
$(firstTr).children("td:visible").each(function() 
{ 
    var colWidth = $(this).outerWidth(); 
    console.log(colWidth.toString()); 
    var headerCell = $this.children("thead.tableFloatingHeader").children("tr").children("th:eq(" + iCol + ")"); 
    var firstRowCell = $this.children("tbody").children("tr:first").children("td:eq(" + iCol + ")"); 
    $(headerCell).outerWidth(colWidth); 
    $(firstRowCell).outerWidth(colWidth); 

    iCol++; 
}); 

Answer 4

我寫一個jquery庫這使得表中可以固定在頁面的頂部，準確地消失在最後一排走了

這是一個小的jQuery庫函數與ScrollFix 01組合庫提供固定在主菜單下的表頭表。該庫還支持在同一個頁面

https://github.com/doska80/ScrollTableFixed