Mat1lda
@Mat1lda

Vuetify: Есть ли способ изменять состояние строки в v-data-table штатными средствами?

Собственно вопрос: можно ли изменять цвет строки и делать чекбокс неактивным (show-select) штатными средствами, или нужно переопределять всю строку вручную?

Пример: допустим отрисовываю таблицу в которой id и имя, нужно для всех id кратных 3 изменить цвет строки
  • Вопрос задан
  • 57 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Используйте параметр item-class. Может быть функцией, принимающей объект с данными строки, и возвращающей классы:

<v-data-table
  :item-class="itemClasses"
  ...

methods: {
  itemClasses: item => ({
    red: !(item.id % 3),
  }),
  ...
},

.red {
  background: red;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы