Angular 2 ag-grid更新列改变* ngFor数组

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

动态网格&使用声明式样式时不可能使用列定义，就像您在这里一样。

你有两个选项用于动态创建列：

• 使用的声明和编程方法的混合。使用你有什么不是动态的和动态的部分是什么使用API​​ & columnApi创建/删除整个

/更新列动态

使用编程风格，我建议第一可能是你想去的方式，但这可能是主观的。