vue.js - Vue 数据表标题全部出现在一列中
问题描述
我有一个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>
任何人都可以提供有关如何解决此问题的建议吗?
解决方案
循环应该在th
元素中完成并删除 div 之一:
<tr>
<tempalte v-for="(itm, i) in hdrs">
<th v-if="someCondition">
{{itm.value}}
</th>
</template>
</tr>
推荐阅读
- c# - 从多对多关系中选择带有 LINQ 查询的嵌套列表
- c# - 将对象传递给方法的不同方式
- python - PCA 和 Hotelling 在 Python 中的 T2
- python - 删除行/获取与 Pandas 中的大型 DataFrame 不同的子集的最快方法
- c - C中的疯狂错误,未定义的行为?
- asp.net-mvc - Azure 发布错误仅在我的控制器中,但不在主控制器中
- javascript - 将数组中的信息保存在本地存储中
- docker - 带有容器的 Jenkins Docker Sidecar 运行守护程序命令
- ios - 当传递给不同的控制器时,AVPlayer 持续时间会发生变化
- c# - WPF C#如何过滤 ObservableCollection 或 QueryableCollectionView