jquery - 2つのテーブルをjQueryで整列する

Question

高さが固定されたスクロールコンテナに巨大なグリッドビューがあります。ヘッダーをスクロールしたくなかったので、別のセクションにヘッダーを追加しました。つまり、基本的に2つのテーブルがあります。1つはホルダーの内側、もう1つは外側ですが、両方を同じ列の寸法にして、整列させたいと考えています。

どうすればこれを達成できますか？サイズを固定したくないのですが、グリッドビューを変更するとヘッダーも変更したいので、グリッドビューのヘッダー列を追加したいと思います。必要なのは彼らが並ぶことだけです。

Answer 1

両方のテーブルを選択して、同じ高さにすることができます。

var height = $("#object1").outerHeight();
$("#object2").height( height );

or shorter: $("#object2").height( $("#object1").outerHeight() );

ここで、object1は大きなテーブルのIDであり、object2は小さなテーブルのIDです。

Answer 2

あなたはこのようなことを試すことができます。まず、テーブルヘッダーを使用してテーブルを作成します。次に、ドキュメントの準備ができたら、jQueryを使用してテーブルヘッダーのクローンを作成し、既存のヘッダーを削除してから、クローンしたコピーを他のテーブルに配置します。この場合、幅を設定する必要はないかもしれませんが、設定すると、元のテーブルの列の幅を取得し、それらの幅を追加されたテーブル（ヘッダー行のあるテーブル）に適用できます。

コンテンツテーブルの列の幅が変更された場合は、すべての列の幅を取得して、対応するテーブルヘッダーセルに適用する必要があります。