問題タブ [fixed-header-tables]

更新: 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.jsvar 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

ページの中央にある 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.

下にスクロールしたときに固定ヘッダーを画面に表示できるかどうかを知りたいのですが、どうすればそれを行うことができますか?

position: fixed;クラスの CSSに追加しようとしました.header.darkが、テンプレートが壊れています。

ご協力いただきありがとうございます。

スクロールバーがある固定テーブルヘッダーに取り組んでいます。私は2つのテーブルを上に、もう1つを下に持っています。上部のテーブルにはヘッダー (名前、住所、電話番号、詳細) があり、下部のテーブルには詳細を含むすべての行があります。上部のテーブルと下部のテーブルの両方の幅を同期するには、最後の th に余分な幅 20px を追加する必要があります。これは 20px ではなく、スクロールバーの幅に等しい場合があります。私が試したのは何か提案ですか？私のテーブルは動的に入力されます。

私は次の構造を持っています：

ヘッダーを修正したい。

リンクの数を取得しましたが、C# のテーブル コントロールであるため、すべてのリンクが構造内にあり、構造を制御できず、html マークアップを動的に書き直すこともできません (許可されていません)。

テーブルヘッダー行をスタイルで簡単に修正できるようになりました

ただし、テーブルにはスクロール バーが含まれているため、ヘッダーはパネルの外に出ます。

どんな提案でも大歓迎です。

スクロールしないテーブル レイアウトのヘッダーが必要です。データベースから値を取得するので、行または列の幅を推測できません。各列幅は異なります。データ幅が変化すると、見出し幅も動的に変化し、適切に整列する必要があります。

単一のテーブルを使用すると正しく配置されますが、ヘッダーもスクロールします。

2 つのテーブル レイアウトで試しましたが、適切に配置されていません。

これは、固定ヘッダーで必要なものです

あなたの助けが必要です、

IE7 で動作していたのは、HTML テーブルの一番上の行 (ヘッダー) を固定する以下の方法でした:

これは IE10 には当てはまらないようです。そうは言っても、古き良き時代のようにテーブルの一番上のヘッダー行をフリーズできるように、既存のコーディングをどのように変更できますか 笑

ここでフィドルを作成しました：http://jsfiddle.net/8qq9Z/3/

CSS マークアップは次のとおりです。

クライアントが自分のテーブルに固定ヘッダー/列を必要とするプロジェクトに取り組んでいます。しかし、このプロジェクトにはすでにページ内の多くのオブジェクトがあるため、実際のスクリプトを使用することはできません。速度が低下しているため、そのようなものがあります。

私がこれまでに成功したのは、テーブルのスクロール後に要素を左/上にスクロールする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 を使用して固定テーブル ヘッダーを実装したいと考えています。

このJSFiddleを参照してください。

ユーザーがページを下にスクロールすると、テーブル ヘッダーは固定位置のままになります。固定位置を制御するには、次の方法を使用します。

私が今抱えている問題は、ページを下にスクロールすると、固定ヘッダー スタイルが変更されることです。他の tds とは一致しません。短くなります。ご意見をお聞かせください！