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.maxHeight代替style.height。