Моего кода, как показано ниже:щий сетка не может корректно визуализированную при использовании нг-шоу/нг скрытия, если нажать клавишу F12 на клавиатуре, он может сделать это правильно
<div class="gridStyle" ng-grid="gridOptions" ng-show="flag"></div>
, когда я установить флаг на true, сетка не может отобразиться правильно, если вы нажмете F12 на клавиатуре, она может корректно отобразиться!
ng-grid и ui-grid не обновляют таблицу при скрытии или показе. Позвонив gridApi.core.refresh(); (для Ui-сетки) и gridOptions.ngGrid.buildColumns(); (для нг-сетки) вы заставите библиотеку, чтобы восстановить таблицу в соответствии с текущей ситуацией DOM
Спасибо, очень много! оно работает! –
не забудьте принять ответ, если он был полезен – valepu
ОК, я это сделал, thx –
я также найти решение: использовать 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>
В соответствии с документами http://ui-grid.info/docs/#/tutorial/108_hidden_grids установка ширины и высоты работала для меня , – vanzylv
ng-grid также есть этот выпуск! –
Что вы имеете в виду правильно? вообще не отображается? –
верно ли это, если вы измените размер окна своего браузера? если это так, тогда вам может потребоваться вызвать gridApi.core.refresh(); когда вы меняете переменную флага (это для ui-grid. для ng-grid, я думаю, вам нужно вызвать gridOptions.ngGrid.buildColumns();) – valepu