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.