react-bootstrap-table2 csv防止导出隐藏列

import BootstrapTable from 'react-bootstrap-table-next';
import cellEditFactory from 'react-bootstrap-table2-editor';
import { CSVExport } from 'react-bootstrap-table2-toolkit';

const columns = [
  {
    dataField: 'id',
    text: 'ID',
    hidden: true // 隐藏该列
  },
  {
    dataField: 'name',
    text: 'Name'
  },
  {
    dataField: 'age',
    text: 'Age'
  },
  {
    dataField: 'email',
    text: 'Email'
  }
];

const data = [
  { id: 1, name: 'John Doe', age: 25, email: 'john@example.com' },
  { id: 2, name: 'Jane Smith', age: 30, email: 'jane@example.com' },
  { id: 3, name: 'Bob Johnson', age: 35, email: 'bob@example.com' }
];

const { ExportCSVButton } = CSVExport;

const MyTable = () => {
  return (
    <div>
      <BootstrapTable
        keyField="id"
        data={data}
        columns={columns}
        cellEdit={cellEditFactory({ mode: 'click', blurToSave: true })}
      />
      <ExportCSVButton
        csvExport
        fileName="table-data.csv"
      >
        Export CSV
      </ExportCSVButton>
    </div>
  );
};

export default MyTable;