0

角度データテーブルに固定ヘッダープロパティを使用しており、コードは次のようになります

$scope.table.dataTable($scope.gridOpts);    
new $.fn.dataTable.FixedHeader($scope.table);

スクロール中にテーブルのヘッダーがページの上部に固定され、すべて正常に機能しました。しかし、データテーブルのヘッダー列とボディ列の間で列の配置の問題に直面しました。

そこで、http://bobcravens.com/2010/01/html-scrolling-table-with-fixed-headers-jquery-plugin/に記載されている解決策を試しましたが、結果は同じままです。

なぜこれが起こるのか理解できませんでした。そのため、固定ヘッダー機能の呼び出しにタイムアウトを与えましたnew $.fn.dataTable.FixedHeader($scope.table);。しかし、結果は再び同じままです。

同じ問題に直面した団体はありますか？

4

1 に答える 1

0

OMG、問題は単純です。データ テーブルの固定ヘッダー機能は、テーブル ヘッダーを複製し、本文に追加します。ただし、親クラスを参照してスタイルが定義されている場合、元のテーブル ヘッドに指定されたクラスは、複製されたテーブルでは使用できません。そのため、テーブル ヘッドにいくつかのフォント サイズを指定すると、複製されたヘッダーに反映されず、列の配置が崩れます。

于 2014-12-02T04:07:03.280 に答える