Javascript - スクロールdiv内のテーブル

Question

スクロールするdiv内にテーブルがあります。今、ウィンドウのサイズを変更するたびにdivのサイズを変更して、ユーザーが可能な限り多くの表を表示できるようにします。

function resizeTable() { 
    document.getElementById('table-container').style.height = 
     (window.innerHeight-60)+'px'; 
}; 

唯一の問題は、私が一番下にいくつかの無駄なスペースを得るように、時にはテーブルの高さを網羅するdiv要素よりも小さくなることです。ですから、私がしたいのは、divのサイズがウィンドウの高さであるになることです。テーブルの高さがウィンドウの高さより小さい場合を除きます。私は...

function resizeTable() { 
    var tableContainer = document.getElementById('table-container'); 
    var table = tableContainer.childNodes[0]; 
    if (table.offsetHeight < (window.innerHeight-60)) 
     { tableContainer.style.height = table.offsetHeight; } 
    else 
     { tableContainer.style.height = (window.innerHeight-60)+'px'; } 
}; 

これを試してみた...が、それは正しく動作して、ウィンドウを時間をかけてサイズが変更されるように、テーブルのより多く遮断しません。だから私はあなたに助けを求める。

Answer 1

style.heightの代わりにstyle.maxHeightを試してみてください。