适合div的表没有滚动

Question

我正在尝试将表格（ tblCharts ）放入另一个div（ graphsDiv ）并删除垂直滚动。我目前的代码是

<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没有关闭＆＃34;，因此值得修复。 你也可以分享整个页面，比如jsfiddle。 一般来说，如果你想停止滚动发生使用overflow-y：hidden。也就是说，如果我能看到整个页面，我认为可以找到更好的解决方案。