Когда ag-grid загружается после начальной загрузки страницы, он сначала визуализируется с шириной 0px
(или небольшим числом пикселей), затем выполняет математику и устанавливает ее ширину в ширину родительского элемента.Это достигается путем добавления встроенных стилей к двум элементам html.
Есть ли способ деактивировать это поведение или, по крайней мере, установить значение по умолчанию, равное 0px
(то есть: например, 100%
)?
Если я использую опцию layoutInterval: -1
, сетка по-прежнему начинается с 0px
(или небольшого числа пикселей) и остается такой же.
Так что в настоящее время я должен использовать width: 100% !important
(на .ag-bl-center
) на этих элементах, чтобы сетка не мерцала при загрузке.Я бы предпочел чистое решение, если это возможно, но ничего не нашел в документации.
<ag-grid-angular
style="height: 100%; width: 100%; overflow: hidden;"
[gridOptions]="gridOptions"
[columnDefs]="columnDefs"
[rowData]="rows"
>
</ag-grid-angular>
Большое спасибо за ваше время и помощь.