問題タブ [fixed-header-tables]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - Angular Infinite scroll + テーブル本体の mcustomScrollbar
固定ヘッダーと固定列を使用して Angular JS 無限スクロールを実装しようとしています。それまでの間、スクロール機能用に mcustomscrollbar を追加しています。
テーブルの外側にスクロール機能を追加できます。つまり、スクロールを div に追加すると、機能します。しかし、私はテーブル本体のために行う必要があります。
以下のフィドラーのリンクを見つけてください。どこが間違っているのか教えてください。
javascript - テーブル内の tr 要素が、適用されている最上位の CSS プロパティを破棄しています
私は次のようなコード構造を持つプロジェクトに取り組んでいます-
thead の tr には、次のような式がありました -
IE8 では、この式が評価され、ヘッダーが常に表示されるように上部が設定されました。ただし、式は IE11 では機能しないため、この目的のために JavaScript 関数を作成できます。
ただし、IE11 では、top プロパティが期待どおりに機能しません。適用後もヘッダーは表示されません。
誰かが間違っている可能性があることを提案できますか?
PS:私が試したJavascriptは:
jquery - テーブルの固定ヘッダー (div)
URL [ http://androidplus.ml/demo/time-table/ ]
簡単なタイム テーブルを作成しました。曜日 (ヘッダー) を常に表示したい - コマンドが修正されました。
jquery.sticky.js を試してみましたが、正しく効果がありませんでした。
最初の行が拡張されています...理由はわかりません:
ヘッダーがテーブルに隠されていることを望みます。しかし、私はそれを行う方法がわかりません。私は多くのアイデアを試しましたが、何もありません
助けてください。
このようなもの: http://www.matts411.com/static/demos/grid/index.html ...
HTML:
CSS:
javascript - DataTables - FixedHeader - thead 配置の問題で複数の tr
このページをご覧ください: http://live.datatables.net/fadoteba/1/
私が抱えている問題は、次のようなスレッドがある場合です。
最初<tr>
の th と colspan を削除すると、fixedheader の位置合わせが台無しになります (これを確認するには、例を下にスクロールします)。これを修正するにはどうすればよいですか、または何が間違っていますか?
datatables - Datatables FixedHeader は、スクロールが完了した後に列を同じ幅に設定します
オプションを使用して HTML テーブルを初期化し、columns
個々の列の幅を設定できるようにします。最初は、fixedHeader
スクロールを開始すると、指定された列幅が保持されます。上にスクロールして、「fixedHeaders」が非アクティブになるまで (スティッキー ヘッダーがなくなる)、列幅は保持されませんが、すべて同じ幅に設定されます。
列幅を強制的に保持する方法を知っている人はいますか?
javascript - DataTable FixedHeader が機能しない
DataTable を表示するポップアップがあります。
このテーブルにはボタンもあり、クリックすると最初のテーブルの下に別のテーブルが表示されます。
テーブルには多くの行を含めることができ、非常に長くなる可能性があります。ポップアップの最大高さと垂直スクロールバーがあります。プライマリ テーブルのヘッダーを上部に固定してほしい。したがって、これに続いて fixedHeader を追加しましたが、何も変わりません。