Super Tablesで表示が崩れる

HTMLのテーブルで、行列ヘッダーを固定表示するためにSuper Tables（http://www.matts411.com/post/super_tables/）の利用を考えております。
ただ、列ヘッダーを固定表示した際に、表示されていない（スクロールしないと見えない）データを検索すると、表示が崩れてしまいます。
（上記サイトで、テーブル初期表示（スクロールしていない状態）時に、最下部データ"Alabama"を検索（Ctrl+F）すると、表示が崩れる）
OS：WindowsXP SP2、ブラウザ：IE6 SP2。環境の変更は不可です。

上記問題の解決方法、またはSuper Tables以外でテーブルの行列ヘッダー固定表示方法をご存知の方いらっしゃいますか？
ちなみに、Super Tables以外で、以下の2つを試しましたが、だめでした。
・FreezingCol（行が多いと重くなる）
・ｊquery.tablefix（Super Tablesと同様な現象）

よろしくお願い致します。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2011/06/03 22:38

super tablesをちょっとのぞいてみましたが、表示のためにテーブルを複製して各部の表示に利用しているようです。

そのあたりが原因ではないかと…

検索の動作をスクリプトから制御するのは無理でしょうから、元のテーブルを分解しても良いのなら、テーブルを複製せずに行列ヘッダーとデータ部の4つ（又は3つ）のテーブルに分解して表示するようにし、データ部のみoverflow:autoとしてシステムに任せる方法をとればいけるかも知れません。
ヘッダー部をスクロールバーに同調させるには、データ部のonscrollのイベントを取得してscrollLeftなどに合せてヘッダー部のleft値を制御するようにしておくなど。

jqueryを利用して簡単な実験をしてみたところ、検索によってシステム側でスクロールが発生した場合でもイベントは取得できている様なので、検索によってヘッダー部の同調が崩れることもなさそうです。
きちんとやるなら、ヘッダー部の隠れた部分の文字が検索にヒットする場合もあるので、ヘッダー部のスクロールイベントも同様に設定しておく必要がありそう…


windowXP SP3、 IE6(6.0)、 ｊquery1.5　にて確認

この回答へのお礼

fujillinさん、ご回答ありがとうございます。
Super Tablesはヘッダー、データ2重（以上）持ちしている時点で、検索時の表示崩れを解決できないのですね・・・。
fujillinさんの言うとおり、行列ヘッダー、データ部4分割＋スクロール同期＋行高さ同期＋列幅固定で対応しようと思います。

お礼日時：2011/06/06 09:09