ui-grid не может правильно отображаться при использовании ng-show/ng-hide, если вы нажмете F12 на клавиатуре, он сможет сделать это правильно
Мой код, как показано ниже:
<div class="gridStyle" ng-grid="gridOptions" ng-show="flag"></div>
Когда я устанавливаю флаг в true, сетка не может правильно отображаться, если вы нажимаете F12 на клавиатуре, она может отображаться правильно!
3 ответа
ng-grid и ui-grid не обновляют таблицу автоматически, когда она скрыта или показана. По телефону gridApi.core.refresh(); (для пользовательского интерфейса) и gridOptions.ngGrid.buildColumns(); (для ng-grid) вы заставляете библиотеку перестраивать таблицу в соответствии с текущей ситуацией DOM
Я также нахожу решение: использовать ng-if вместо ng-show/ng-hide, как это:
<div class="gridStyle" ng-grid="gridOptions" ng-if="flag"></div>
С помощью ng-if также отругал его для меня!
Хотя я понимаю, что этот вопрос устарел, ни одно из решений не сработало для меня на сегодняшний день. Однако, использование атрибута ui-grid-auto-resize в моем элементе работало как шарм.
<div ui-grid="gridOptions" class="grid" ui-grid-auto-resize></div>