Vuetify: Is there a way to change the state of a row in a v-data-table natively?

Question

Vue.js

Actually the question is: is it possible to change the color of the line and make the checkbox inactive (show-select) by regular means, or do I need to redefine the entire line manually?

Example: let's say I'm drawing a table in which id and name, you need to change the color of the line for all id multiples of 3

Answer 1

Use the parameter item-class. Can be a function that takes an object with string data and returns classes:

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

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

.red {
  background: red;
}