gpt4 book ai didi

jquery - 使用 Vue.js DataTable 的 tr 包装器

转载 作者:搜寻专家 更新时间:2023-10-30 22:58:49 24 4
gpt4 key购买 nike

我有一张 table 2 <tr>在里面。我需要包装这个 2 <tr>并执行 v-for在包装中。但是 v-for<tbody>打破数据表。

实际代码:

<table class="table table-striped" id="data_table">
<thead>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>

<tbody v-for="item in items">
<tr>
<td>{{ item.A }}</td>
<td>{{ item.A }}</td>
<td>{{ item.A }}</td>
<td>{{ item.A }}</td>
<td>{{ item.A }}</td>
<td>{{ item.A }}</td>
</tr>

<tr>
<td>{{ item.T }}</td>
<td>{{ item.T }}</td>
</tr>
</tbody>
</table>

尝试过:

<table class="table table-striped" id="data_table">
<thead>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>

<tbody>
<div v-for="item in items">
<tr>
<td>{{ item.A }}</td>
<td>{{ item.A }}</td>
<td>{{ item.A }}</td>
<td>{{ item.A }}</td>
<td>{{ item.A }}</td>
<td>{{ item.A }}</td>
</tr>

<tr>
<td>{{ item.T }}</td>
<td>{{ item.T }}</td>
</tr>
</div>
</tbody>
</table>

但是 div 破坏了数据表。

感谢您的回答。

最佳答案

使用 template 代替 div。这将循环数组中的项目,而无需创建额外的元素作为包装器

关于jquery - 使用 Vue.js DataTable 的 tr 包装器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50095587/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com