vue-tables-2 цвет фона ячейки

Question

Я пытаюсь решить, как визуализировать ячейку с определенным цветом фона на основе текста в ячейке (например, "зеленый").

Кажется, что это может быть возможно с помощью шаблонов ( https://github.com/matfish2/vue-tables-2), но я не понимаю, как использовать props.index в приложении на одной странице для визуализации конкретная клетка определенного цвета.

<v-client-table :data="entries" :columns="['id', 'name' ,'age', 'edit']">
      <a slot="edit" slot-scope="props" class="fa fa-edit" :href="edit(props.row.id)"></a>
</v-client-table>
#Note: You can get the index of the current row relative to the entire data set using props.index

Есть идеи?

Answer 1

Для тех, кому нужно применить какой-то класс ко всей строке:

options: {
  rowClassCallback: function(row) { return 'bg-warning'}, //Using Boostrap4
}

РЕДАКТИРОВАТЬ: я думаю, что документация была обновлена.

cellClasses:{
  balance: [
    {
        class:'low-balance',
        condition: row => row.balance < 100
    }
  ]
}