将表格分隔为无滚动

Question

我试图将表格（tblCharts）合并到另一个div（图表分区）并删除垂直滚动。我当前的代码是

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

</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); 
}); 

每个chartjk DIV中有后来载入的图表。当前的屏幕截图已附加。

如果我改变graphsDiv高度，以100％它溢出了自己的容器..

<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

这里有一个问题

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

ID不有关闭“，所以这是值得修复的。 也可以共享整个页面，比如在jsfiddle。 一般来说，如果你想停止滚动发生使用overflow-y：隐藏。这就是说，如果我能看到整个页面，我认为可以找出更好的解决方案。