vue.js - 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 之一：

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