导出Ag网格react中的所有列(包括隐藏列)

import { AgGridReact } from 'ag-grid-react';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';

constructor(props) {
  super(props);

  this.state = {
    columnDefs: [
      { headerName: '列1', field: 'col1', hide: false },
      { headerName: '列2', field: 'col2', hide: true },
      // 其他列定义...
    ],
    rowData: [
      { col1: '数据1', col2: '数据2' },
      // 其他数据...
    ]
  };
}

render() {
  return (
    <div className="ag-theme-alpine" style={{ height: '400px', width: '600px' }}>
      <AgGridReact
        columnDefs={this.state.columnDefs}
        rowData={this.state.rowData}
      />
    </div>
  );
}

exportGridData() {
  const gridApi = this.gridApi;
  gridApi.exportDataAsCsv();
}

render() {
  return (
    <div>
      <button onClick={this.exportGridData}>导出表格数据</button>
      <div className="ag-theme-alpine" style={{ height: '400px', width: '600px' }}>
        <AgGridReact
          columnDefs={this.state.columnDefs}
          rowData={this.state.rowData}
          onGridReady={params => this.gridApi = params.api}
        />
      </div>
    </div>
  );
}