テーブル本体のデータで固定テーブルのヘッダをスクロールしたいのですか？

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コードに次のコードを追加しました：と私はdiv要素にclass="scroller"を添付しています。 jsfiddleでこれらの変更を確認できます。

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