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。