2011-08-01 3 views
1

固定ヘッダーでテーブルを作成したい。スクロールして左にも下にもスクロールします。私がtheadとtbodyをブロック(スタイル表示を設定する:ブロックと位置:相対)で行うと、IE以外のすべてのブラウザーで私のために動作します。 IEの場合、私は位置を固定する必要があります:固定。しかし、動的に新しい行を追加した後にposition:fixedを使用すると、スクロール位置がリセットされます。tbodyを使用位置でスクロール可能にする:IEでの相対

例:IEでの相対:http://jsfiddle.net/9nezW/33/

はどのようにして使用位置とのTBODYをスクロールすることができますか?

ありがとうございます。

答えて

0

tbodyのcssにoverflow:autoを設定してみてください。

+0

ありがとうございました。しかし、それは私を助けていない – Vyacheslav

0

私がここに見つけた例:http://monolinea.com/clients/csstests/tablescroll.htmlには、IEで動作するテーブルがあり、それでも私とその違いを理解しようとしています。それがソースであることを見てあなたを助けるかもしれません。

+0

あなたがIEの "tableContainer"のために投稿された例では、スクロール可能であり、他のブラウザ - "tbody"です。私の場合、すべてのブラウザで "tbody"をスクロール可能にしたいと考えています。 – Vyacheslav

+0

ええ、かなりの間それと戦った後、私はそれを働かせました..しかし、IE9の互換性モードではIEの条件文でのみです。まだ私がやろうとしていることには十分ではありません。 これで代わりにこれを使用しています。 http://fixedheadertable.com – Pete

+0

これは下にスクロールされるテーブルのための良い解決策です。私のサイトで私は非常に大きなテーブルを持っています。そして、私はそれを左右にスクロール可能にしたい。この例では、fixedColumnを "on"に設定し、左右にスクロールしようとしました。ヘッダーはFF 4.0でゆっくりと滑っていた – Vyacheslav

関連する問題