Material-ui如何使搜索文本字段在material-table中展开

import { TableContainer, Table, TableHead, TableRow, TableCell, TableBody, TextField } from '@material-ui/core';
import { Search } from '@material-ui/icons';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles((theme) => ({
  searchField: {
    marginLeft: theme.spacing(2),
    marginRight: theme.spacing(2),
    width: 200,
  },
}));

const MyTable = () => {
  const classes = useStyles();

  return (
    <TableContainer>
      <Table>
        <TableHead>
          <TableRow>
            <TableCell>列1</TableCell>
            <TableCell>列2</TableCell>
            <TableCell>列3</TableCell>
            <TableCell>
              <TextField
                className={classes.searchField}
                variant="outlined"
                size="small"
                placeholder="搜索"
                InputProps={{
                  startAdornment: <Search />,
                }}
              />
            </TableCell>
          </TableRow>
        </TableHead>
        <TableBody>
          {/* 表格内容 */}
        </TableBody>
      </Table>
    </TableContainer>
  );
};