テーブルヘッダーのサイズ変更をウィンドウの上部に設定するときの防止

Question

Webページ上の要素のサイズ変更に問題があります。私はいくつかのjson-dataからテーブルを動的に作成しました。私は時に過去のウィンドウをスクロールそれを介して、ページの上部にテーブルヘッダを修正機能を持っている：今

var header = $("#dataheader").offset(); 

$(window).scroll(function() { 
if($(window).scrollTop() > header.top){ 
    $("#dataheader").css('top','0').css('background-color',white) 
} else { 
    $('#dataheader').css('position', 'static'); 
} 
}); 

、ヘッダのCSS幅（と、それは細胞だが）に設定されている「自動"これは、関数がウィンドウの上部にヘッダーを追加するとき、そのセルがもはや列と整列しないようにヘッダーのサイズを変更することを意味します。代わりに、それらは短くなります。

これが起こらないようにする方法や、要素の幅を列から取得する方法がありますか？

Answer 1

は、それだけヘッダ要素の幅であるため、白色背景色を拡張するように残念ながら、これは、問題を解決しない静的

var header = $("#dataheader").offset(); 

$(window).scroll(function() { 
if($(window).scrollTop() > header.top){ 
    $("#dataheader").css('position', 'static').css('top','0').css('width',header.width).css('left',header.left).css('background-color','white'); 
} else { 
    $('#dataheader').css('position', 'relative').css('top','').css('width','100%').css('left','').css('background-color',''); 
} 
});