angular - 如何有条件地隐藏农业网格中的列

Question

在columndef中我们创建列，但我们必须有条件地隐藏该列

columndefs
[
    { field: action,
      hide: true ]
}

Answer 1

挂载后隐藏单列(“网格就绪”后)，无需完全重新加载:

gridOptions.columnApi.hideColumn(colId: any, hide: any)

与hideColumns相同。如果未定义 colId，则 expect(column.colId).to.equal(colDef.field)。

或者在挂载后重置ColumnState:

const savedState = columnApi.getColumnState();
savedState.find(x => x.colId === myColDef.field).hide = true;
columnApi.setColumnState(savedState);

或者:

gridOptions.api.setColumnDefs(columndefs)

或者将columnDefs与vue/angular/etc绑定(bind)，然后更新columnDefs。

<ag-grid-angular [columnDefs]="columnDefs" ...
<ag-grid-vue :columnDefs="columnDefs" ...