スクロールなしの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のようにページ全体を共有することもできます。 一般的には起こってからのスクロールを止めるuse overflow-y：hidden。それは、ページ全体を見ることができれば、より良い解決策が見つかるだろうと私は思っていました。