HandsOnTable ...이 완전히 미친 것으로 보인다 나는이를 복제 할 수 없습니다 때문에 심지어 적절한 JSFiddle을 게시 할 수 없습니다

Question

을 클릭 마우스 오른쪽까지 모든 열을 렌더링 있지만

은 내가 handsontable 요소가 포함되어 있습니다 스크롤 막대를 강제로 사용해야하는 div 내에서. 테이블에는 3 개의 열만 있지만 첫 번째 열만 렌더링됩니다. 그리고 HandsOnTable 요소를 마우스 오른쪽 단추로 클릭하기 전까지는 개발자 콘솔을 검사하여 다른 두 개가 존재하지 않음을 알 수 있습니다.

테이블이 기반으로합니다

    <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> 

경우 :

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

#trendgrid { 
    width: 300px; 
} 

내가 사용하고있어 HTML은 이것이다 : https://jsfiddle.net/horacebury/2vc606wx/30/

그리고 내가 사용하고있어 CSS는 이것이다 나는 overflow: xxx이 없으며 문제가 없으며 테이블이 매우 길다. 왜냐하면 ~ 288 행을로드해야하기 때문이다.

Answer 1

HandsOnTable 요소가 표시된 각도 탭이 보이지 않습니다. 그 탭을 활성화/가시화시켜야하고 $ interval을 사용하여 HoT가 데이터를로드하기 전에 잠시 제어 할 수 있도록해야했습니다.

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