slickgrid 데이터가 표시되지 않습니다.

Question

slickgrid 지시문을 작성했지만 데이터를 표시하지 않는 것 같습니다.

크롬에서 요소를 검사하면 slick-viewport 및 grid-canvas divs가 표시되고 데이터가 렌더링됩니다.

나는 아무런 효과가 없었던 resizeCanvas을 시도했습니다.

기본적으로 그리드 행은 다시 지정되지만 표시되지 않습니다.

내 모달이

<div id="TestModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width: 900px; margin-left: -450px"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
       <h3 id="myModalLabel">Results</h3> 
      </div> 
      <div class="modal-body"> 
      <myGrid 
          rows="results" //results = tow way bind to controller 
          columns="columns" //columns =two way bind to controller 
          width="1100px" 
          height="200px"/> 
      </div> 
      <div class="modal-footer"> 
       <button ng-class="dialogButtonClass" data-dismiss="modal" aria-hidden="true">Select</button> 
       <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> 
      </div> 
    </div> 

같은 외모와 CODEL이 $('#TestModal').appendTo("body").modal('show');

그런 다음 내가 데이터

즉

var view= this.grid.getData(); 
      // To set the entire the data then use this 
      view.beginUpdate(); 
      view.setItems(data, "id"); 
      view.collapseGroup(0); 
      view.endUpdate(); 

렌더링의 문서화 된 방법에 따라 것 같습니다 출시

도움을 주시면 감사하겠습니다.

Answer 1

최상위 레벨 <div> (사용자가 new Slick.Grid()으로 초기화하는 것)을 검사 할 때 너비와 높이가 설정되어 있는지 확인하십시오. 또한 모달이 표시되고 모든 CSS 전환이 완료된 후에 만 ​​myGrid.resizeCanvas()으로 전화를 걸 었는지 확인하십시오.

$('#TestModal').on('shown', myGrid.resizeCanvas)