如何使用material ui在reactjs / css中创建包含多个部分的tableHead单元格的表格

npm install @material-ui/core

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

const TableComponent = () => {
  return (
    <Table>
      <TableHead>
        <TableRow>
          <TableCell>Header 1</TableCell>
          <TableCell>Header 2</TableCell>
          <TableCell>Header 3</TableCell>
          {/* 其他表头单元格 */}
        </TableRow>
      </TableHead>
      {/* 其他表格内容 */}
    </Table>
  );
}

const TableComponent = () => {
  return (
    <Table>
      <TableHead>
        <TableRow>
          <TableCell colSpan={2}>Header 1</TableCell>
          <TableCell>Header 2</TableCell>
          <TableCell>Header 3</TableCell>
          {/* 其他表头单元格 */}
        </TableRow>
        <TableRow>
          <TableCell>Subheader 1</TableCell>
          <TableCell>Subheader 2</TableCell>
          <TableCell>Subheader 3</TableCell>
          {/* 其他表头单元格 */}
        </TableRow>
      </TableHead>
      {/* 其他表格内容 */}
    </Table>
  );
}