스크롤하지 않고 div에 테이블 맞추기

Question

테이블 (tblCharts)을 다른 div (graphsDiv)에 맞추고 수직 스크롤을 제거하려고합니다. 내 현재 코드는 나중에로드 차트가 각 chartjk div의 내부 페이지로드

$(function(){ 
    var tableHTML = '<table id="tblCharts" style="width:100%; height: 100%; ">'; 
    for (var j = 0; j < rows; j++) { 

     tableHTML += '<tr>'; 

     for (var k = 0; k < cols; k++) { 
      tableHTML += '<td id="td style="border:none;"><div id="chart' + j + k + '" ></div></td>'; 
     } 
     tableHTML += '</tr>'; 
    } 
    tableHTML += '</table>'; 

    $('#graphsDiv').append(tableHTML); 
}); 

에

<div class="row" style="padding-top:0px; margin-top:0px; margin-right:0px; border:groove; height:610px; overflow:auto" id="graphsDiv"> 

</div> 

입니다. 현재 스크린 샷이 첨부됩니다. 그것의 자신의 컨테이너를 오버플로 100 %에

내가 graphsDiv 높이를 변경하는 경우 .. ID입니다이없는

'<td id="td style="border:none;"><div id="chart' 

여기에 문제가있다

<div id="graphsWindow"> 
    <div class="table"> 
     <div class="row" style="margin-left:0px;margin-top:0px; padding-top:0px; padding-bottom:0px"> 
     <div style="border:groove; margin-left:10px; margin-bottom:0px; padding-bottom:0px; margin-right:2px" class="col-md-2"> 
     </div> 
     <div class="col-md-9" style="padding-bottom:0px; padding-top:0px; margin-top:0px; margin-left:15px;"> 
      <div class="row" style="padding-top:0px; margin-top:0px; margin-right:0px; border:groove; height:610px; overflow:auto" id="graphsDiv"> 

      </div>   
     </div> 
    </div> 
    </div> 

Answer 1

폐쇄 형 "이므로 수정해야 할 가치가 있습니다. jsfiddle에서 전체 페이지를 공유 할 수도 있습니다. 일반적으로 일어나기 스크롤 사용 중지 overflow-y : 숨김. 그것은 내가 전체 페이지를 볼 수 있다면 더 좋은 해결책이 될 수 있다고 생각했다.