CSS - MaterialUI -如何才能让表格始终保持全宽，并且不需要水平滚动？

.parent-container {
  width: 100%;
}

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

...

<div className="parent-container">
  <Table>
    <TableHead>
      <TableRow>
        <TableCell>表头1</TableCell>
        <TableCell>表头2</TableCell>
        <TableCell>表头3</TableCell>
        {/* 添加更多表头列 */}
      </TableRow>
    </TableHead>
    <TableBody>
      {/* 添加表格内容行 */}
    </TableBody>
  </Table>
</div>

.parent-container {
  width: 100%;
}

.Table {
  table-layout: fixed;
  width: 100%;
}

<Table>
  <TableHead>
    <TableRow>
      <TableCell style={{ width: '33%' }}>表头1</TableCell>
      <TableCell style={{ width: '33%' }}>表头2</TableCell>
      <TableCell style={{ width: '33%' }}>表头3</TableCell>
      {/* 添加更多表头列 */}
    </TableRow>
  </TableHead>
  <TableBody>
    {/* 添加表格内容行 */}
  </TableBody>
</Table>