ui-grid angularjs在bootstrap nav-tab中

Question

我在angularjs中有bootstrap 3，因为这个

<tabset justified="true">
  <tab heading="TAB 1"></tab>
  <tab heading="TAB 2">
  <div ui-grid="gridOptions"></div></tab>
</tabset>

我得到如下网格

为什么会这样？

如果我从标签中取出网格，则效果很好。

同样在调整窗口大小时，渲染效果很好。 为什么不在页面加载？

我如何克服它？ 如果我得到一些标准解决方案而不是一些窗口调整大小事件处理会更好。

Answer 1

从bootstrap 3和ui-grid 3.1.x开始，我建议使用css visibility solution。

这将有助于解决甚至出现IE 11+和触摸设备的其他问题。

解决方案是使用visibility: hidden css并使用绝对定位。它允许创建，初始化并准备好正确渲染网格对象，即使用户没有看到它们也是如此。