Оболочка для tr с Vue.js DataTable - PullRequest
Новая
       8

Оболочка для tr с Vue.js DataTable

0 голосов
/ 30 апреля 2018

У меня есть стол с 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 разрушает данные.

Спасибо, что ответили.

1 Ответ

0 голосов
/ 30 апреля 2018

Вместо div используйте template. Это зациклит элементы в вашем массиве без создания дополнительного элемента в качестве оболочки

...