elementUI表格动态变色问题

Question

在elementUI中表格部分是通过一个函数:row-class-name="tableRowClassName"来识别的，如何通过类似于计算属性的方式来实现？因为这样不能实时响应。

http://jsfiddle.net/api/post/...

Answer 1

<el-table  :row-style="rowClass" 

rowClass: function (row, index) {
      return { "background-color": "red" }
    },

不知道能解决你的问题不

Answer 2

:row-class-name="tableRowClassName"在渲染表格的时候就调用了，不能用来响应点击事件改变行的颜色。你可以给表格添加:highlight-current-row="true"，高亮显示当前行。然后通过修改css来改变颜色，像这样

.el-table__body tr.current-row>td {
  background: rgba(185, 221, 249, .75)!important;
}

需要注意的是，修改elementUI的默认样式的css不能使用scoped.

Answer 3

请问最终怎么解决的