なぜデータテーブルテーブルの最後のヘッダが最後のカラムと揃っていないのですか？

DataTableライブラリ（Foundation-zurb 5.5.3を使用しています）を使ってテーブルを作成しました。下の画像では、IE11のようにChromeで最も右の列ヘッダーがと他の行あなたが最初にページを開くとき。実際のウェブページはhttp://iprobesolutions.com/learn/wireless-conference-system-comparisonです。しかし、私がdevtoolsを開いてコードを検査しようとすると、問題は消えてしまいます！ Ctrl + F5で更新すると、再び表示されます。 http://jsfiddle.net/setbon/x75o53ck/以下なぜデータテーブルテーブルの最後のヘッダが最後のカラムと揃っていないのですか？

が貼り付けられたコードのほんの一部です：私はこのフィドルを作成するときに、問題が表示されない

。これは問題が表示されている場所なので、ウェブページを見ることができれば本当に感謝しています。おそらくIEとChromeのバグですか？

<table id="example" class="display nowrap table1 compact">

出典

2017-07-30 Julie S.

私はあなたがDatatables FixedHeaderコードをロードしているのを見ます。どのように使用しているのかわかりませんが、scrollXとscrollYとの互換性はありません。 https://datatables.net/extensions/fixedheader/

FixHeaderまたはスクロールオプションを削除してみてください。

出典

2017-08-12 02:10:34

datatablesフォーラムで私たちのconvoによる... urヘルプケビンのための多くのtx！ –

通常、問題のこれらの種類が初期化時にテーブルが隠されているときに発生して、タブに表示されるようになり、モーダルダイアログなど

ほとんどの場合、解決策は、列幅を再計算する columns.adjust()を呼び出すことです一度テーブルが見えるようになります。

table.columns.adjust();

テーブルが初期化された後に上記のコードを実行すると、問題がなくなります。

この問題がなぜあなたのテーブルで発生するのか説明できません。私はFoundationフレームワークに精通していませんが、テーブルを初期化するときにfoundation()に電話する必要はありません。

詳細については、jQuery DataTables: Column width issues with Bootstrap tabsを参照してください。

出典

2017-07-31 22:40:57

ありがとうございます。あなたのコードを次のように配置しましたが、何も起こりません...コードの行を貼り付ける正しい場所は何ですか？ table.buttons（）。container（） .appendTo（ '#example_wrapper .small-6.columns：eq（0）'）; table.columns.adjust（）。draw（）; }）。foundation（）; –

私は、JSコードを更新したフィドルにあなたのコードラインを配置しました：http://jsfiddle.net/setbon/m1Lg8h9f/ –

チャンスがあるときは、私があなたに私を見せることができたら本当に感謝します。 filddleあなたのコードを置く場所。 –

なぜデータテーブルテーブルの最後のヘッダが最後のカラムと揃っていないのですか？

答えて

関連する問題