___ うくす tr直下にはth,tdが書けることになっています(それ以外は不可)。 table[summary="へんてこな"] td:first-child,table[summary="へんてこな表"] th:first-child{visibility:hidden;}

・・・ すみません、お知恵を拝借させてください。 window上のscrollイベントハンドラをタップし、固定位置の別のtableを使用してページの上部にヘッダを表示することで、このようなことを行います。, これは、ユーザーが元のテーブルヘッドを隠すのに十分遠くにスクロールしたときに、テーブルヘッドを表示します。 ユーザーがページを十分に上にスクロールしたときに再び非表示になります。, 実例: http://jsfiddle.net/andrewwhitaker/fj8wM/ : http://jsfiddle.net/andrewwhitaker/fj8wM/, 私はHTMLの表を設計しようとしていますが、ヘッダーはページの上部に留まります。ユーザーが表示外にスクロールするときだけです。 たとえば、テーブルがページから500ピクセル下になる場合があります。ユーザーがヘッダーを表示外にスクロールすると(ブラウザーはWindowsビューで何も表示されなくなったことを検出した場合)、トップに置かれます? 誰も私にこれにJavascriptのソリューションを与えることができますか?, したがって、上記の例では、ページが見えなくなった場合にをスクロールしてください。, 重要:私はがスクロールバー(オーバーフロー:自動)を持つ解決策を探しているではありません 。, あなたはこのアプローチを使用することができます、純粋なHTMLとCSSのJSは必要ありません:), このソリューションでは、固定ヘッダーが動的に作成され、コンテンツとスタイルがTHEADからクローン化されます, var $myfixedHeader = $("#Ttodo").FixedHeader(); //create fixed header $(window).scroll($myfixedHeader.moveScroll); //bind function to scroll event, 私のjqueryのプラグインFixedHeaderとgetStyleObjectの下には、ファイル.jsを入れることができます, これは、データで水平方向にスクロールすることができる固定ヘッダを持つのに役立ちます。, UPDATE 5/11: Kerry Johnsonが指摘している水平スクロールのバグを修正, Codepen: https://codepen.io/josephting/pen/demELL ://codepen.io/josephting/pen/demELL, ちょっと遅かったですが、ここには同じページの複数のテーブルと "jank"フリー(requestAnimationFrameを使用)で動作する実装があります。 また、列に幅を指定する必要はありません。 水平スクロールも同様に機能します。, ヘッダーはdiv定義されているため、必要に応じてボタンなどのマークアップを自由に追加できます。 これはすべて必要なHTMLです。, まあ、私は固定サイズの列に頼ることなく、またはテーブル全体の固定高さを持たずに同じ効果を得ようとしていました。, 私が思いついた解決策はハックです。 それは、テーブル全体を複製し、ヘッダー以外のすべてを隠し、固定位置にすることから成っています。, こちらをご覧ください: http://jsfiddle.net/QHQGF/7/ : http://jsfiddle.net/QHQGF/7/, 編集:theadがポインタイベントを受け取ることができるようにコードを更新しました(ヘッダーのボタンとリンクはまだ機能しています)。 これは、luhfluhとJoe M.によって報告された問題を修正します。, ここに新しいjsfiddle: http://jsfiddle.net/cjKEx/ ://jsfiddle.net/cjKEx/, 列幅を変更することで問題を解決できました。 私は上記のアンドリューのソリューションから始めました。(ありがとう!)クローンの幅を設定するために少しループを追加しました。, これは、テーブル全体をクローン化して本文を隠すことなく、問題を解決します。 私はJavaScriptとjQuery(とオーバーフローをスタックする)のブランドですので、どんなコメントも感謝しています。, https://github.com/jmosbech/StickyTableHeaders, このプラグインは素晴らしい働きをしてくれました。他の多くのソリューションを試しました。 IE、Chrome、Firefoxでテストしました, 私はこれらのソリューションのほとんどを試してみましたが、最終的には最高の、現代的な解決策(IMO)が見つかりました:, CSSグリッドでは、「グリッド」を定義することができ、固定ヘッダとスクロール可能なコンテンツを持つテーブルに対して、javascriptフリーのクロスブラウザソリューションを最終的に作成することができます。ヘッダーの高さは動的にすることもできます。, 私はこれを行うプラグインを書いた。 私は約1年前からそれについて取り組んできました。私はそれがすべてのコーナーケースをかなりうまく処理していると思います。, いくつかのデモ/ドキュメントがあります: mkoryak.github.io/floatThead, http://jsfiddle.net/andrewwhitaker/fj8wM/. ___ header.style.width = data.offsetWidth; --> 「を
で入れ子にするマークアップではなく、
自体に定義したスタイルでスクロールバーを出したい」という意味であれば、できません。はみ出した部分の処理をする(スクロールバーの表示・非表示を制御)overflowプロパティは適用対象がブロック要素の為、table要素である
には適用されないからです。 :

background-color:#ffffff; フレーム分割で擬似的に作ることは可能と思いますがそれ以外で実現方法を探しております。 border-collapse: collapse; 教えていただければ幸いです。 table[summary="ほげほげの表"] *+td,table[summary="ほげほげの表"] *+th{visibility:visible;} table{  まず、データの多いtableは、でマークアップすべきです。これは印刷したとき(ユーザーエージェントがページ媒体であるとき)に、それぞれのページに見出しを表示すべきだからです。先の回答を実際に印刷すると明白です。ページ媒体でスクロールは出来ませんから、overflowにscrollないしautoを指定した場合は、スタイルシートでスクリーン端末のみ適用されるよう記述することは必須です。スタイルシートのデフォル...続きを読む, HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば tableタグ直下に書けるのは、caption,col,colgroup,head,tfoot,tbodyと定義されています。 .tHeader { border-bottom: 0px; }

.

いきものがかり Yell 主題歌 4, レッツノート メモリ増設 16gb 4, 体調気遣う Line 例文 10, 一次 方程式文章題 道のり 25, 黒尾鉄朗 嘔吐 Pixiv 9, モーサテ アナウンサー かわいい 18, 単位換算 苦手 小学生 11, ロイヤリティ ファーマ Ipo 楽天証券 6, 英語 肯定 返事 4, Kat Tun You Mp3 13, 一 番くじ 1回だけ 4, ポケモンgo コード Iphone 4, Celeron 4305u ベンチマーク 6, Fc東京 ユース セレクション 10, Wd60ezaz Rt ケーブル 4, 嵐 歌上手い 口パク 11, 中学生 男子 彼女の存在 9, デスク パーテーション 自作 コロナ 14, 26歳 貯金 150万 8, Ff14 無料期間 課金 6, Dixim Digital Tv 再生 できない 16, Line ユーチューブ通話 2人 4, クリナップ 洗面台 部品 7, 漫画 Raw 開か ない 22, クラウンハイブリッド エンジン かからない 4, Nec 電話機 Dt300 ディスプレイ 表示されない 23, バイオハザードre3 ハンターγ 回避 14, 夜 鳴く鳥 ヒクイナ 16, 夏 製作 保育 10, Gta5 マップ 開き方 17, ガチャ 商標 Nhn 10, ポポそら Newスーパーマリオブラザーズ U デラックス 動画 17, Jr 運転士 学歴 10, 大学入試 確率 良問 10, 虜 歌詞 Ytr 8, シルビア デフ 流用 4, Fmトランスミッター Tp198 使い方 12, 一心会 Yakuza Wiki 27, 上智 明治 どっち 4, ニトリ 表札 取り付け 21, 日産 Pr25 エンジン 8, Wsus 更新プログラム ダウンロード 12, Coc Nvim Workspace Config 7, Apex フルスクリーン できない 53,
html table ヘッダ固定 縦横スクロール 34 2020