HandsOnTable ...これは完全に正気のように見えると私はこれを複製することはできませんので、私も正しいJSFiddleを投稿することができません

Question

をクリックし、マウスの右までのすべての列をレンダリングではなく

私はhandsontable要素が含まれていdiv内でスクロールバーを強制的に使用する必要があります。テーブルには3つの列しか表示されませんが、HandsOnTable要素を右クリックするまで、最初の列だけがレンダリングされます（他の2つは開発者コンソールで検査して表示されません）。

の表は、これに基づいています：https://jsfiddle.net/horacebury/2vc606wx/30/

そして、私が使用しているCSSはこれです：

#handscontainer { 
    width: 320px; 
    height: 400px; 
    padding: 0px; 
    margin: 0px; 
    border: 0px; 
    overflow: hidden; 
} 

#trendgrid { 
    width: 300px; 
} 

私が使用しているHTMLがこれです：

    <div id="tablecontainer"> 
         <table class="tgh"> 
         <tr> 
          <td>Tag Name</td> 
         </tr> 
         </table> 
         <div id="handscontainer"> 
         <div id="trendgrid" class="maximise"></div> 
         </div> 
         <table class="tg"> 
         <tr> 
          <td class="footbuffer"></td> 
          <td class="tg-yw4l" ng-repeat="item in items track by $index">{{item}}</td> 
         </tr> 
         </table> 
        </div> 

の場合私はoverflow: xxxを持っていない問題はそこにありませんし、テーブルは非常に（私は〜288行をロードする必要があるため）です

Answer 1

HandsOnTable要素が表示されている角タブが表示されません。そのタブをアクティブ/可視にしてから、$ intervalを使用してHoTにデータをロードする前にその瞬間を制御する必要がありました。

 $interval(function() { 
       loadTableData(); 
      }, 
      100, 
      1);