2011-01-19 13 views
2

私はdivでoverflow-x:scrollというテーブルを持っています。したがって、長いテーブルを左右にスクロールすることができます。最初の "列"(各trの最初の位置にあるtd)には、行のラベルが含まれている必要があります。右または左にスクロールすると、テーブルの内容はスクロールしますが、ラベルは固定されているので、いつでもそれらを見ることができます。固定位置テーブルの行ラベル

私は当初このテーブルの左側に別のテーブルを作成したかったのですが、キャッチは各行の内容が可変であるため、内容がロードされるまで各行の高さがわかりません「ラベル列」内の各セルの高さを設定することができます。コンテンツが読み込まれた後、ラベル列セルの高さを動的に更新することができないのは、FFおよびIEでは実際には遅いということです。コンテンツの最初のclientHeight呼び出しで5〜6秒かかる(残りの部分は0〜1msかかる)。

Any提案?

+0

この種のことは、何年もデザイナーに大きな関心を寄せていましたが、うまくいくことは非常に難しいです。ブラウザはテーブルをレンダリングするのがかなり奇妙な傾向があります... – Pointy

+0

多分、あなたはclientHeightの代わりにoffsetHeightを試すことができますか?おそらく速いです... 5-6秒は実装エラーのようです –

答えて

0

他のセルのすべての内容を最初のセルにoffset(0,0)で入れて、ラベルセルの高さが最大のコンポーネントの高さに自動的に設定されるようにすることもできます。それらの上にレイヤーを置いて、目に見えないようにし、そこにラベルを貼り付けます。