テーブルAとテーブルBの2つのテーブルがあります。どちらも、常に同じ行数になります。テーブルAはフリーズされ、テーブルBはスクロール可能です。実際、フリーズしてスクロール可能にすることは、私の質問とはあまり関係がありませんが、それを捨てるだけです。
ここで、テーブルAの行の高さが常に同じインデックスを持つテーブルBの行の高さと等しくなるようにするために、次のようなものを使用しました。
$(function() {
var numberOfRows = $("#Scroll table tbody tr").length;
for(i=1; i<numberOfRows; i++)
{
var currentHeight = $("#Scroll table tbody tr").eq(i).height();
$("#Fixed table tbody tr").eq(i-1).css("height", currentHeight).css("vertical-align", "middle");
}
});
最初のテーブルはIDが「Fixed」のdivに含まれ、他のテーブルはIDが「Scroll」のdivに含まれています
私はjQueryの専門家ではないので、これがこれを行うための最も効率的で信頼できる方法であるかどうかはわかりません。このソリューションで私が抱えている問題は、うまくレンダリングされることですが、ページを125%または150%にズームすると、テーブルの配置が邪魔になります。
任意の提案、解決策は高く評価されます。