問題タブ [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.
javascript - FixedHeader のトラブル
更新: FixedHeader の作成者と話をしましたが、うまくいかないようです。問題は、私のテーブルがタブ内にあり、それがいくつかの問題を引き起こしていることだと思います (私の他の更新のスクリーンショットを参照)。固定テーブル ヘッダー用の他のプラグインとメソッドをいくつか試しましたが、それらはすべて同様の問題を引き起こしています。テーブルがタブ内にあるためだと思います。どなたか簡単な解決策があれば教えてください。それ以外の場合は、心配しないでください。この Web サイトのために他にもやるべきことがたくさんありますが、固定テーブル ヘッダーに時間がかかりすぎているようです。
Web サイトにFixedHeaderを使用しようとしています。
FixedHeader.jsをダウンロードして に入れましたvendor/assets/javascripts
。//= require FixedHeader
入っていapplication.js
ます。
で、2 つのテーブルのそれぞれに のcolleges.html.erb
クラスを設定し、. で、私は持っています。table-fixed-header
<%= javascript_include_tag :application %>
colleges.js
var oTable = $('.table-fixed-header').dataTable();
new FixedHeader( oTable );
開発環境で、要素 > リソース (クロム) を検査すると、FixedHeader.js
ロードされますが、2 つの問題がありcolleges.js
ます。
これを機能させるにはどうすればよいですか?(現在はまったく機能していません。)
編集:私は少しいじっただけで、成功しませんでした。$.browser
の代わりに試してみjQuery.browser
ましたが、同じ「msie」エラーが発生しました。次に、そのコードを完全に削除しようとしましたが、javascript エラーはありませんでしたが、修正されたヘッダーは実際にはうまく機能しませんでした (ヘッダーが Web ページの上部から始まって、適切なサイズになっていませんでした)。等。)。
更新: 更新されたバージョン ( https://github.com/DataTables/FixedHeader/blob/master/js/FixedHeader.js ) を使用すると、テーブルのリンクをクリックする前にページの上部にヘッダーが表示されます (そうすべきです)。まだ表示されておらず、一番上にあるはずはありません)。また、サイズが適切に設定されておらず、並べ替え機能もありません。次のリンクを参照してください:
- http://awesomescreenshot.com/00d1pe963a
- http://awesomescreenshot.com/09e1pe9581
- http://awesomescreenshot.com/0d21pe9a2b
jquery - VB .net 固定ヘッダーと XY スクロール可能な ListView を JQUERY/JavaScript で更新
ページの中央にある DIV 内の行数が 30 列のような巨大な ListView があります。固定ヘッダーが必要で、すべての列を表示するには x 軸をスクロールできる必要があります。もちろん、ヘッダーは上部に固定されたままにする必要があり、各ヘッダー列は各列に揃える必要があります。
注: MasterPage を使用しています。ListView は別の Contentpage にあります。
探しているものの正確なスクリプトと css を見つけましたが、それをアプリに適応させることができません。Jscript Object エラーが発生し続けます。スクリプトのどの部分をどこに置くべきかわからないので、asp .nets masterpage dynamics で動作します
これが私のアプリに実装したいものです: これは私が必要とするものです http://jsfiddle.net/dkkBP/38/
私のコンテンツ ページの aspx コードは、基本的に jsfiddle のコードと同じです。
テーブルで動作したら、リストビューに適応させます
この contentpage にはコードビハインドはなく、aspx ページでも jsfiddle と同じ html を使用しています。
これは私のSite.Master.vbビハインドコードです
Site.Master.aspx には何も役に立ちません。
事前にThx。私はこれで 2.5 日を失いました..私の上司はバッドトリッピンです。固定ヘッダーには多額の費用がかかり始めています Plz help.
html - ヘッダーの位置: 固定
下にスクロールしたときに固定ヘッダーを画面に表示できるかどうかを知りたいのですが、どうすればそれを行うことができますか?
position: fixed;
クラスの CSSに追加しようとしました.header.dark
が、テンプレートが壊れています。
ご協力いただきありがとうございます。
jquery - Jqueryは最後のthに幅を追加します
スクロールバーがある固定テーブルヘッダーに取り組んでいます。私は2つのテーブルを上に、もう1つを下に持っています。上部のテーブルにはヘッダー (名前、住所、電話番号、詳細) があり、下部のテーブルには詳細を含むすべての行があります。上部のテーブルと下部のテーブルの両方の幅を同期するには、最後の th に余分な幅 20px を追加する必要があります。これは 20px ではなく、スクロールバーの幅に等しい場合があります。私が試したのは何か提案ですか?私のテーブルは動的に入力されます。
c# - スクロールバーで広告のないテーブルのヘッダーを修正
私は次の構造を持っています:
ヘッダーを修正したい。
リンクの数を取得しましたが、C# のテーブル コントロールであるため、すべてのリンクが構造内にあり、構造を制御できず、html マークアップを動的に書き直すこともできません (許可されていません)。
テーブルヘッダー行をスタイルで簡単に修正できるようになりました
ただし、テーブルにはスクロール バーが含まれているため、ヘッダーはパネルの外に出ます。
どんな提案でも大歓迎です。
android - テーブル レイアウト android の固定ヘッダー
スクロールしないテーブル レイアウトのヘッダーが必要です。データベースから値を取得するので、行または列の幅を推測できません。各列幅は異なります。データ幅が変化すると、見出し幅も動的に変化し、適切に整列する必要があります。
単一のテーブルを使用すると正しく配置されますが、ヘッダーもスクロールします。
2 つのテーブル レイアウトで試しましたが、適切に配置されていません。
これは、固定ヘッダーで必要なものです
html - フリーズ/固定テーブル ヘッダーが IE10 に準拠しなくなりました
あなたの助けが必要です、
IE7 で動作していたのは、HTML テーブルの一番上の行 (ヘッダー) を固定する以下の方法でした:
これは IE10 には当てはまらないようです。そうは言っても、古き良き時代のようにテーブルの一番上のヘッダー行をフリーズできるように、既存のコーディングをどのように変更できますか 笑
ここでフィドルを作成しました:http://jsfiddle.net/8qq9Z/3/
CSS マークアップは次のとおりです。
jquery - ヘッダー/列が固定された HTML テーブル - CSS ソリューション - Firefox で機能しない
クライアントが自分のテーブルに固定ヘッダー/列を必要とするプロジェクトに取り組んでいます。しかし、このプロジェクトにはすでにページ内の多くのオブジェクトがあるため、実際のスクリプトを使用することはできません。速度が低下しているため、そのようなものがあります。
私がこれまでに成功したのは、テーブルのスクロール後に要素を左/上にスクロールするcssとjavascriptのハイブリッドを作成することです。
Opera、Chrome、Safari、Maxthon をカバーしないため、IE 9 でも問題なく動作します。残念ながら、これは FF では機能しないため、これを解決するには少し助けが必要です。
ここにフィドルの結果ページを投稿します: http://jsfiddle.net/kordosoft/7v4RZ/21/embedded/result/ フィドルの作業コピー: http://jsfiddle.net/kordosoft/7v4RZ/21/
別のブラウザーで開く場合、これは FF を除いて機能します。
固定ヘッダー: 最初の 2 行。スティッキー列: 最初の 2 列。
JS:
CSS:
HTML:
jquery - Jquery 固定テーブル ヘッダーの使用時にスタイルが変更されました
Jquery を使用して固定テーブル ヘッダーを実装したいと考えています。
このJSFiddleを参照してください。
ユーザーがページを下にスクロールすると、テーブル ヘッダーは固定位置のままになります。固定位置を制御するには、次の方法を使用します。
私が今抱えている問題は、ページを下にスクロールすると、固定ヘッダー スタイルが変更されることです。他の tds とは一致しません。短くなります。ご意見をお聞かせください!