vue.js - 是否可以在 Vuetify 数据表中创建多行标题？

Question

我想创建一个带有多行标题的表格，例如 this example .

我找到了 this post ，但是答案不起作用。此外，我查看了 Vuetify 文档和 Github 问题，但似乎没有解决方案。

如果有人能让我知道这样的事情是否可行，以及如何实现，那就太好了。

Answer 1

事实证明，如果您只添加 <thead>，您可以简单地在默认标题上方实现您自己的类别行。在插槽模板中。遗漏了 <thead>把它放在下面。

<v-data-table ...>
  <template v-slot:header="props" >
    <thead>
      <tr>
        <th colspan="2">Category 1</th>
        <th colspan="3">Category 2</th>
      </tr>
    </thead>
  </template>
</v-data-table>