html - 如何使用 Material ui在reactjs/css中创建一个包含tableHead单元格的表格

Question

也许标题描述性不够。我需要做的是创建看起来像这样的表

基本上，“平均”是一个合并的单元格，具有两个“子单元格”，“高度和宽度”可以进一步分割。但是在 Material ui 中使用 span 并没有达到预期的结果。

Answer 1

我为您创建了一个 CodeSandBox。查看代码及其工作原理 Visit CodeSandBox here .

图片中表头代码

  <thead>
      <tr>
        <th rowSpan="2" />
        <th colSpan="2"> Average </th>
        <th rowSpan="2"> Red Eye </th>
      </tr>
      <tr>
        <th> Height </th>
        <th> Weight </th>
      </tr>
  </thead>