ファイルを共有するために、github リポジトリ リンクでプロジェクトを作成しました: https://github.com/shantanookirtane/dataTablesFixedColumns.git
このリポジトリには index.html があり、アプリケーションを実行したときに作成されるものと同様に、テーブルが DOM 構造の下にロードされます。リポジトリには、必要なすべての css および js ファイルがあります。
このプロジェクトの github の README.md ファイルに正確な問題の説明を追加し、同じものをここに再度貼り付けました。
データテーブル バージョン: 1.9.1
データテーブル固定列バージョン: 3.0.2
DataTables 固定列の問題
ここでの問題は、スクロール バーが表示されていても左の列が固定されていないため、スクロール バーを移動するとすべてが移動することです。
また、テーブルの最初の TH 要素 (ServerName) をクリックすると、テーブルが水平方向に展開され、矛盾します。このプロセス中にスクロールバーが最初に class=tab-content の外側の div に適用され、次に class dataTables_scrollBody の div に適用されることに注意してください。
Datatable Fixed column プラグインを正常に使用できるように、ここで解決策を探しています
アップデート
そのため、データテーブル v を 1.10 に更新し、コードを gitlab の同じ場所にプッシュしました。現在、fixedColumns プラグインは機能していますが、スムーズではありません。
以下は、私が現在直面している問題です。
- テーブルは、見栄えの悪い垂直および水平スクロール バーを使用して DIV にレンダリングされます。
テーブルの最初の TH 要素、つまり左上隅のセルをクリックすると、垂直スクロール バーが消え、テーブルが適切に表示されます。ただし、FixedColumn はまだ機能していません。
このテーブルからフォーカスを失って戻ってきた場合、FixedColumns プラグインがスムーズに機能し始めたことに気付くでしょう。