- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：Super Tablesで表示が崩れる）
Super Tablesで表示が崩れる
このQ&Aのポイント
- HTMLのテーブルで、行列ヘッダーを固定表示するためにSuper Tablesの利用を考えていますが、表示が崩れる問題が発生しています。
- Super Tables以外の方法も試しましたが、うまくいかなかったため、他に解決方法を知っている方がいれば教えていただきたいです。
- 現在の環境はWindowsXP SP2とIE6 SP2で変更することができないため、他の環境を使わずに解決できる方法を探しています。
- maiemireo
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
super tablesをちょっとのぞいてみましたが、表示のためにテーブルを複製して各部の表示に利用しているようです。 そのあたりが原因ではないかと… 検索の動作をスクリプトから制御するのは無理でしょうから、元のテーブルを分解しても良いのなら、テーブルを複製せずに行列ヘッダーとデータ部の4つ（又は3つ）のテーブルに分解して表示するようにし、データ部のみoverflow:autoとしてシステムに任せる方法をとればいけるかも知れません。 ヘッダー部をスクロールバーに同調させるには、データ部のonscrollのイベントを取得してscrollLeftなどに合せてヘッダー部のleft値を制御するようにしておくなど。 jqueryを利用して簡単な実験をしてみたところ、検索によってシステム側でスクロールが発生した場合でもイベントは取得できている様なので、検索によってヘッダー部の同調が崩れることもなさそうです。 きちんとやるなら、ヘッダー部の隠れた部分の文字が検索にヒットする場合もあるので、ヘッダー部のスクロールイベントも同様に設定しておく必要がありそう… windowXP SP3、 IE6(6.0)、 ｊquery1.5 にて確認
お礼
fujillinさん、ご回答ありがとうございます。 Super Tablesはヘッダー、データ2重（以上）持ちしている時点で、検索時の表示崩れを解決できないのですね・・・。 fujillinさんの言うとおり、行列ヘッダー、データ部4分割＋スクロール同期＋行高さ同期＋列幅固定で対応しようと思います。