Угловые столбцы обновления сетки ag-сетки * ngFor array

Question

У меня есть эта сетка, которая работает.

<ag-grid-angular #agGrid style="width: 100%; height: 350px;" class="ag-fresh" [gridOptions]="gridOptions" [showToolPanel]="showToolPanel" 
      [rowData]="lines" enableColResize enableSorting enableFilter groupHeaders suppressRowClickSelection toolPanelSuppressGroups 
      toolPanelSuppressValues rowHeight="22" rowSelection="multiple"> 
      <ag-grid-column headerName="#" [width]="30" [checkboxSelection]="true" [suppressSorting]="true" [suppressMenu]="true" [pinned]="true"></ag-grid-column> 
      <ag-grid-column *ngFor="let header of visibleColumns" headerName="{{header.label}}" field="{{header.name}}" ></ag-grid-column> 
     </ag-grid-angular> 

Но когда я обновляю массив visibleColumns, я думал, что ngfor автоматически обновит столбцы и строки. В настоящее время заголовок не обновляется должным образом и остается прежним. Как я могу обновить таблицу динамическими столбцами?

Answer 1

Динамическое определение сетки & невозможно при использовании декларативного стиля, так как вы здесь.

У вас есть две опции для динамического создания столбца:

• Используйте смесь декларативных и программных методов. Используйте то, что у вас есть для того, что не является динамическим и для динамических частей использовать апи & columnApi создать/удалить/обновить столбцы динамически
• Используйте программный стиль во всем

Я предлагаю первый может быть как вы хотите идти, но это может быть субъективным.