如何在material UI表中的同一列中有两个标题列？

import React from 'react';
import { Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';

const MyTable = () => {
  return (
    <Table>
      <TableHead>
        <TableRow>
          <TableCell colSpan={2}>标题1</TableCell>
          <TableCell>标题2</TableCell>
        </TableRow>
        <TableRow>
          <TableCell>子标题1</TableCell>
          <TableCell>子标题2</TableCell>
          <TableCell>子标题3</TableCell>
        </TableRow>
      </TableHead>
      <TableBody>
        {/* 表格内容 */}
      </TableBody>
    </Table>
  );
};

export default MyTable;