Jquery 网格数据不可见

我已经编写了一个slickgrid指令，但它似乎没有显示数据

如果我检查了chrome中的元素，那么我可以看到

平滑视口

，以及

网格画布

divs，在那里我的数据被渲染

我确实尝试过调整画布的大小，但没有效果

基本上网格行是重新排序的，但不可见

我的模特看起来像这样

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

---

非常感谢您的帮助。

请确保在检查顶级

（您初始化的

new Slick.Grid（）

）时，它具有设置的宽度和高度。另外，请确保仅在显示模式和所有CSS转换完成后才调用

myGrid.resizeCanvas（）

：

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

---

请添加一个JSFIDLE。我遇到了这个问题，我没有设置高度，在设置了这个值之后，它工作了，谢谢。

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