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。