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>
我的代码如下:
<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>