vue-tables-2 彩色单元格背景

Question

我正在尝试研究如何根据单元格中的文本（例如“绿色”）呈现具有特定背景颜色的单元格。

使用模板 (https://github.com/matfish2/vue-tables-2#templates) 似乎可以做到这一点，但我不了解如何在单页 vue 应用程序中使用 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
}

编辑： 我认为documentation 已更新。

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