1. ホーム
  2. jquery

[解決済み] datatable jquery - テーブルのヘッダーの幅が本文の幅と一致しない

2023-04-27 19:44:19

質問

jQuery datatablesを使用しています。アプリケーションを実行すると、ヘッダーの幅がボディの幅に揃いません。しかし、ヘッダーをクリックすると、ボディの幅に揃うのですが、それでも軽いずれがあります。この問題は IE でのみ発生します。

JSFiddle

ページが読み込まれると、このように表示されます。

ヘッダーをクリックした後

私のdatatableのコード。

$("#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です。

どなたか助けていただけませんか?ありがとうございました。

どのように解決するのですか?

解決策を見つけました。

追加 table-layout:fixed をテーブルに追加し、IE モードでアプリケーションを開きました。