slickgrid數據不可見

我寫了一個slickgrid指令，但它似乎並沒有顯示數據。slickgrid數據不可見

如果我檢查鉻中的元素，那麼我可以看到slick-viewport和grid-canvas div，其中呈現了我的數據。

我確實嘗試過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();

的記錄方式

任何幫助表示讚賞。

來源

2013-08-02 user1224036

添加的jsfiddle請。 – zsong

確保在檢查頂級<div>（初始化new Slick.Grid()的那個）時，它具有設置的寬度和高度。另外，還要確保你打電話後，才模式已被證明，所有的CSS過渡已經完成myGrid.resizeCanvas()：

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

來源

2013-08-02 20:22:53 idbehold

我有這個問題，我沒有設置高度，設置了它的值後，謝謝。 –

slickgrid數據不可見

回答

相關問題