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
    }
  ]
}