小编ZeR*_*RoX的帖子

使用 Vue.js DataTable 包装 tr

我有一张桌子,里面有 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>
Run Code Online (Sandbox Code Playgroud)

试过:

<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 …
Run Code Online (Sandbox Code Playgroud)

datatable jquery wrapper vue.js

1
推荐指数
1
解决办法
289
查看次数

标签 统计

datatable ×1

jquery ×1

vue.js ×1

wrapper ×1