将列动态加载到Ag-grid并保留hide / show和pinned属性

Question

我想将列动态添加到ag-grid，同时保留隐藏/显示状态和列的固定状态。

我有一组固定的列，这些列将首先加载。发生特定事件后，必须使用新的其他列和新行来更新表。 当前，我正在将附加列动态推送到this.columnDefs数组。

  var addHeaderList = [{'headerName':'Col1','field':'col1'},{'headerName':'Col2','field':'col2'},{'headerName':'Col3','field':'col3'}]
  this.createColumnDefs(); 
  this.columnDefs = this.columnDefs.concat(addHeaderList);
  this.gridOptions.api.setColumnDefs(this.columnDefs);

  createColumnDefs(){
    Object.entries(fixedHeaders).forEach(([key, value]) =>{
    var headerObj = {};
    headerObj['headerName'] =value;
    headerObj['field'] = key;
    this.columnDefs.push(headerObj);
  }

从表外的菜单隐藏/显示或固定列后，我现在向该表添加更多记录，此后，隐藏/显示和固定状态消失了。如何保留固定列和动态列的状态？