#javascript #vue.js #vuejs2 #vuetify.js
#javascript #vue.js #vuejs2 #vuetify.js
Вопрос:
Я использую vuetify datatable. В этой таблице я добавляю, какой заголовок таблицы и данные должны отображаться. Я написал некоторый код, связанный с удалением или добавлением элементов в массив. Но это неправильный код. Если я удаляю несколько заголовков, они удаляются. Но если я добавлю их снова, их порядок изменится. Кто-нибудь может мне помочь.
Пожалуйста, перейдите по ссылке ниже для получения кода в codepen
A full code can be found in
Комментарии:
1. Здесь проблема в том, что вы не отображаете данные таблицы динамически. Вы также должны проверить свойство отображения перед заполнением строки таблицы.
Ответ №1:
Вы можете сделать это, изменив только данные заголовков при применении фильтра, и ваша таблица может быть такой. Вы можете добавлять заголовки и привязку данных динамически,
<v-data-table
:headers="headers"
:items="desserts"
class="elevation-10"
>
<template v-slot:items="props">
<td v-for="(head, index) in headers" :key="index">
{{ props.item[head['value']] }}
</td>
</template>
</v-data-table>
Комментарии:
1. Отлично, это помогло вам 🙂