問題タブ [fixed-header-tables]

jsp ページでの作業。最初の行 (ヘッダー) は、ページを下にスクロールするときに固定する必要があります。JQueryが提供する機能を使用して実装しようとしていますが、実りはありませんでした。サンプルコードは次のとおりです: refs :

オンラインの提案がうまくいかないようです。誰かが私に何をする方法を提案してもらえますか?

FixedHeader 拡張機能を備えた DataTables を使用しています。固定ヘッダーのオプションを使用していoffsetTopます。これは、上部のナビゲーション メニューの下でヘッダーを停止させるのに役立ちます。

ページをスクロールすると、ヘッダー行は停止するはずの場所 (ページの上部から 130 ピクセル) で停止しますが、スクロールしていると、2 つのヘッダー (固定されているヘッダーと元のヘッダー) が簡単に表示されます。 .

ヘッダーが 2 回表示されないようにできることはありますか? これは開発サーバー上にあるため、投稿するリンクがありません。

Web サイトを下にスクロールしてテーブル ビューから外れた場合でも、テーブル ヘッダーを修正する方法を知りたいです。これを行うにはcssスタイルを使用したいと思います。ありがとうございました。

また、下にスクロールしても常に表示されるように、Web ページ上の要素を修正する方法も知りたいです。画像はテキストにすることができます。div と css を使用する

この固定ヘッダー テーブルを作成するための鍵となるスタイルを指摘してくれる人はいますか? これは私が役に立つとわかった唯一の例ですが、これを実現する最も重要なスタイルはどれかわかりません。

また、これを実現するために th td に DIV とパディングが必要なのはなぜですか?

本文が頭の下でスクロールする、固定ヘッダーを持つテーブルを作成しようとしています-これは問題ありません。素晴らしい例がたくさんあります。

複雑なのは、テーブルのヘッダーに到達するまで、テーブルの残りの部分と一緒にスクロールし、セクションの残りの部分がそれらの下にスクロールされるまで移動しない、スティッキーなサブヘッダーを作成できるようにしたいことです。次のスティッキー サブヘッダーに置き換えられます (iPhone のアドレス帳に少し似ています)。どのように表示する必要があるかの例: CSS と jQuery を使用した Instagram の iPhone アプリのように、スティッキー ヘッダーを「押し上げる」ようにする

上記の例はテーブルで行われていません。表示する必要がある表形式のデータがたくさんあるため、テーブルである必要があります。

これまでのところ、これが機能する例を見つけることができず、私が試したすべてが惨めに失敗しました。他のソリューションとの競合を回避できると考えたため、固定ヘッドなどを持たない jsfiddle の例へのリンクを含めました: https://jsfiddle.net/q7zLhus0/

どんな助けでも大歓迎です。これは本当に私を困惑させました。

こんにちは、展開と折りたたみ時に固定列を使用してツリーテーブルをデータテーブルに結合することに関する問題に直面しています。

これが私が試した私のコードです。問題を解決するために私を助けてください。

md-toolbar を使用してテーブル スティッキー ヘッダーを作成する方法

固定テーブル ヘッダーの md-toolbar 内に thead を含めました。テーブル コンテンツをスクロールすると、ヘッダーが上部に固定されません。以下は私のコードとコードペンへのリンクですhttp://codepen.io/apps4any/pen/WQgKMw

JS: