ui-grid在使用ng-show/ng-hide时无法正确渲染,如果你按键盘上的F12,它可以正确渲染

ui-grid cannot rendered correctly when using ng-show/ng-hide, if you press F12 on the keyboard, it can do it correctly

我的代码如下:

<div class="gridStyle" ng-grid="gridOptions" ng-show="flag"></div>

当我设置flag为true时,网格无法正确渲染,如果你按键盘上的F12,它可以正确显示!

ng-grid 和 ui-grid 在隐藏或显示时不会自动更新 table。通过调用 gridApi.core.refresh();(对于 ui-grid)和 gridOptions.ngGrid.buildColumns();(对于 ng-grid),您强制库根据 uild table当前DOM情况

我也找到了解决办法:用ng-if代替ng-show/ng-hide,像这样:

<div class="gridStyle" ng-grid="gridOptions" ng-if="flag"></div>

使用 ng-if 也为我修复了它!

虽然我意识到这个问题已经过时了,但 none 的解决方案至今对我有效。但是,在我的元素上使用 ui-grid-auto-resize 属性非常有效。

<div ui-grid="gridOptions" class="grid" ui-grid-auto-resize></div>