jQueryのdatatablesを使用しています。アプリケーションを実行すると、ヘッダの幅がボディの幅と一致しません。しかし、ヘッダーをクリックすると、ボディの幅に合わせて表示されますが、それでも若干のずれがあります。この問題はIEでのみ発生します。
[JSFiddle][1]。
ページが読み込まれたときの様子です。
.
ヘッダーをクリックした後。
.
私のデータテートコード。
$("#rates").dataTable({
"bPaginate": false,
"sScrollY": "250px",
"bAutoWidth": false,
"bScrollCollapse": true,
"bLengthChange": false,
"bFilter": false,
"sDom": '<"top">rt<"bottom"flp><"clear">',
"aoColumns": [{
"bSortable": false
},
null,
null,
null,
null
]
});
rates`はテーブルIDです。
誰かこの件で助けてくれませんか?よろしくお願いします。
$("#rates").dataTable({
"bPaginate": false,
"sScrollY": "250px",
"bAutoWidth": false,
"bScrollCollapse": true,
"bLengthChange": false,
"bFilter": false,
"sDom": '<"top">rt<"bottom"flp><"clear">',
"aoColumns": [{
"bSortable": false
},
null,
null,
null,
null
]}).fnAdjustColumnSizing( false );
fnAdjustColumSizing(false)をdatatablesの呼び出しの最後に呼び出してみてください。 上記の修正コードです。