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을 사용해보세요.