問題タブ [fixed-header-tables]

固定ヘッダーと固定列を使用して Angular JS 無限スクロールを実装しようとしています。それまでの間、スクロール機能用に mcustomscrollbar を追加しています。

テーブルの外側にスクロール機能を追加できます。つまり、スクロールを div に追加すると、機能します。しかし、私はテーブル本体のために行う必要があります。

以下のフィドラーのリンクを見つけてください。どこが間違っているのか教えてください。

私は次のようなコード構造を持つプロジェクトに取り組んでいます-

thead の tr には、次のような式がありました -

IE8 では、この式が評価され、ヘッダーが常に表示されるように上部が設定されました。ただし、式は IE11 では機能しないため、この目的のために JavaScript 関数を作成できます。

ただし、IE11 では、top プロパティが期待どおりに機能しません。適用後もヘッダーは表示されません。

誰かが間違っている可能性があることを提案できますか?

PS：私が試したJavascriptは：

URL [ http://androidplus.ml/demo/time-table/ ]

簡単なタイム テーブルを作成しました。曜日 (ヘッダー) を常に表示したい - コマンドが修正されました。

jquery.sticky.js を試してみましたが、正しく効果がありませんでした。

最初の行が拡張されています...理由はわかりません:

ヘッダーがテーブルに隠されていることを望みます。しかし、私はそれを行う方法がわかりません。私は多くのアイデアを試しましたが、何もありません

助けてください。

このようなもの: http://www.matts411.com/static/demos/grid/index.html ...

HTML:

CSS:

このページをご覧ください: http://live.datatables.net/fadoteba/1/

私が抱えている問題は、次のようなスレッドがある場合です。

最初<tr>の th と colspan を削除すると、fixedheader の位置合わせが台無しになります (これを確認するには、例を下にスクロールします)。これを修正するにはどうすればよいですか、または何が間違っていますか?

オプションを使用して HTML テーブルを初期化し、columns個々の列の幅を設定できるようにします。最初は、fixedHeaderスクロールを開始すると、指定された列幅が保持されます。上にスクロールして、「fixedHeaders」が非アクティブになるまで (スティッキー ヘッダーがなくなる)、列幅は保持されませんが、すべて同じ幅に設定されます。

列幅を強制的に保持する方法を知っている人はいますか?

DataTable を表示するポップアップがあります。

このテーブルにはボタンもあり、クリックすると最初のテーブルの下に別のテーブルが表示されます。

テーブルには多くの行を含めることができ、非常に長くなる可能性があります。ポップアップの最大高さと垂直スクロールバーがあります。プライマリ テーブルのヘッダーを上部に固定してほしい。したがって、これに続いて fixedHeader を追加しましたが、何も変わりません。