我想滾動固定的表格標題與表格主體數據？

Question

我在我的表中有多個列。我已經修復了工作正常的表頭。但是當我水平滾動表體列時，頭部不隨它移動。它只是固定的。如何解決這個問題。

這裏的小提琴 <a href="https://jsfiddle.net/waseemak/mpy2ejbm/">Example</a>

Answer 1

您已設置position:fixed CSS，所以如果你刪除它，你可以看到的文件頭和所有列一起滾動。

fixed_thead.css({ 
    //'position': 'fixed', // I have commented this out 
    'top': 0, 
    'background-color' : 'white', 
    'height': '160px', 
    'overflow': 'hidden' 
}); 

另一種方案是在這裏：https://jsfiddle.net/5fqLhc37/

我已經添加下面的代碼片段到你的JS代碼：我已經連接到class="scroller"一個div。你可以在jsfiddle中檢查這些更改。

$('.scroller').scroll(function() 
{ 
    console.log($(this).scrollLeft); 
    fixed_thead.offset({ left: -1*this.scrollLeft }); 
});