如何使用v-data-table创建带复杂表头的自定义表格？

我搞不懂Vuetify表格的设计逻辑，不知道怎么创建带合并单元格的自定义表格。用原生table标签能做出目标表格，但对Vuetify的样式配置不熟悉，希望用v-data-table实现这个表格。以下是目标原生表格代码和我的尝试代码：

目标原生表格代码 #

<table style="border='1'" ref="exportable_table">
  <tbody>
    <tr>
      <td style="background-color: black">&nbsp;</td>
      <td>&nbsp;</td>
      <td colspan="2">Left</td>
      <td colspan="2">Right</td>
      <td colspan="2">Top</td>
      <td colspan="2">Bottom</td>
    </tr>
    <tr>
      <td rowspan="2">Date</td>
      <td rowspan="2">Time</td>
      <td>EP4-B1</td>
      <td>EP4-B1</td>
      <td>EP4-B1</td>
      <td>EP4-B1</td>
      <td>EP4-B1</td>
      <td>EP4-B1</td>
      <td>EP4-B1</td>
      <td>EP4-B1</td>
    </tr>
    <tr>
      <td>kPa</td>
      <td>deg C</td>
      <td>kPa</td>
      <td>deg C</td>
      <td>kPa</td>
      <td>deg C</td>
      <td>kPa</td>
      <td>deg C</td>
    </tr>
    <tr>
      <td>Nov, 13 2023</td>
      <td>12:03</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
    </tr>
    <tr>
      <td>Nov, 13 2023</td>
      <td>12:03</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
    </tr>
    <tr>
      <td>Nov, 13 2023</td>
      <td>12:03</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
    </tr>
    <tr>
      <td>Nov, 13 2023</td>
      <td>12:03</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
    </tr>
  </tbody>
</table>

我的v-data-table尝试代码 #

<v-data-table border="1" ref="exportable_table">
  <thead>
    <tr>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th colspan="2">Left</th>
      <th colspan="2">Right</th>
      <th colspan="2">Top</th>
      <th colspan="2">Bottom</th>
    </tr>
    <tr>
      <th>Date</th>
      <th>Time</th>
      <th>EP4-B1</th>
      <th>EP4-B1</th>
      <th>EP4-B1</th>
      <th>EP4-B1</th>
      <th>EP4-B1</th>
      <th>EP4-B1</th>
      <th>EP4-B1</th>
      <th>EP4-B1</th>
    </tr>
    <tr>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>kPa</th>
      <th>deg C</th>
      <th>kPa</th>
      <th>deg C</th>
      <th>kPa</th>
      <th>deg C</th>
      <th>kPa</th>
      <th>deg C</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Nov, 13 2023</td>
      <td>12:03</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
    </tr>
    <tr>
      <td>Nov, 13 2023</td>
      <td>12:03</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
    </tr>
    <tr>
      <td>Nov, 13 2023</td>
      <td>12:03</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
    </tr>
    <tr>
      <td>Nov, 13 2023</td>
      <td>12:03</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
      <td>213.24</td>
      <td>29.44</td>
    </tr>
  </tbody>
</v-data-table>

内容的提问来源于stack exchange，提问作者Badrudin