如何使用material-table react仅在编辑或创建模式下显示隐藏列？

npm install material-table

import React from 'react';
import MaterialTable from 'material-table';

const MyComponent = () => {
  const [columns, setColumns] = React.useState([
    { title: 'Name', field: 'name' },
    { title: 'Age', field: 'age' },
    { title: 'Email', field: 'email' },
    { title: 'Phone', field: 'phone' },
  ]);

  const [data, setData] = React.useState([
    { name: 'John Doe', age: 25, email: 'john.doe@example.com', phone: '1234567890' },
    { name: 'Jane Smith', age: 30, email: 'jane.smith@example.com', phone: '0987654321' },
  ]);

  // 其他代码...
}

const MyComponent = () => {
  // ...

  return (
    <MaterialTable
      title="Editable Table"
      columns={columns}
      data={data}
      options={{
        columnsButton: true,
        showColumnsTitle: true,
        toolbarButtonAlignment: 'left',
      }}
      editable={{
        // 编辑和创建模式下的隐藏列
        onRowAdd: newData =>
          new Promise((resolve, reject) => {
            setTimeout(() => {
              setData([...data, newData]);
              resolve();
            }, 1000);
          }),
        onRowUpdate: (newData, oldData) =>
          new Promise((resolve, reject) => {
            setTimeout(() => {
              const updatedData = [...data];
              const index = oldData.tableData.id;
              updatedData[index] = newData;
              setData(updatedData);
              resolve();
            }, 1000);
          }),
        onRowDelete: oldData =>
          new Promise((resolve, reject) => {
            setTimeout(() => {
              const updatedData = [...data];
              const index = oldData.tableData.id;
              updatedData.splice(index, 1);
              setData(updatedData);
              resolve();
            }, 1000);
          }),
      }}
    />
  );
}