0

私は主にcssスクロール可能なテーブルである以下を持っています。Chrome と Firefox ではうまく機能しますが、IE 9 では tbody 要素の高さを設定できません。何か考えはありますか?

http://jsfiddle.net/BvPNK/3/

function scrollify(table,height){

   table.find('thead').addClass('fixed_header');
   table.find('tbody').addClass('scroll_content').height(height);
   $('<div/>').addClass('table_wrap').appendTo(table.parent()).append(table);

}

CSS

.fixed_header th,tbody.scroll_content td{
   display:block;
   float:left;
   width:3em;/*this is dynamically set in full function*/
}
.table_wrap{
    float:left;
}
.fixed_header tr{
     position:relative;

}
.scroll_content{
    display:block;
    overflow-y:scroll;
    overflow-x:show;
}
4

2 に答える 2

4

heightこれは単に IE が tbody (またはそのテーブル) のcss プロパティを尊重しないという問題のようです。私は一生、IEのテーブルまたはtbody要素の高さをスタイルできませんでした。この回答でわかるように、最後のコメントでは IE では機能しないと述べられています。

于 2012-11-29T18:42:23.420 に答える
1

ein 要素の css の高さを設定するには、css-function を使用する必要があります。高さ関数は、数学的なことを行うために使用する必要があります。

あなたは2番目のフィドルでそれを正しくしました。これを行う場合は、文字列をパラメーターとして関数を呼び出し、ユニットを次のように呼び出す必要があります。

scrollify($('table'), "300px");

編集: 高さと ie9 に問題があるようです。ただし、innerHeight は機能するはずです。

私はフィドルを更新しました：http://jsfiddle.net/BvPNK/10/

于 2012-11-29T18:13:45.093 に答える