Vue数据表标题全部显示在一列中

Question

我有一个v-data-table，我正试图打印我的标题，但在我的代码中，它们都被分组到一列中，而不是整个表中。

<template v-slot:header>
<thead>
<tr>
<div v-for="(itm, i) in hdrs" :key="i">
<th>
{{itm.value}}
</th>
</div>
</tr>
</thead>
</template>

有人能就如何解决这个问题提出建议吗？

Answer 1

循环应该在th元素中完成，并删除div one:

<tr>
<tempalte v-for="(itm, i) in hdrs">
<th v-if="someCondition">
{{itm.value}}
</th>
</template>
</tr>