antd-design-vue table表格选中每行设置背景色

  1. 查看文档,table组件中有一个属性
  2. 在table表格中定义该属性:
  3. rowClassName的属性值是一个回调函数, 有两个参数, record和index,我这里是只用到一个record;
    this.selectedRowKeys是我选中的表格行的ID组成的数组,用record里面的id和this.selectedRowKeys里面的每一项进行比较, 相等的话就代表当前行已经选中;

  4. 这里是样式部分:
  5. 本以为到这里就完成了, 但看了一眼页面没有效果???, 没办法,检查元素后发现每一行里面的td标签都有默认的背景颜色:

    把这个样式取代掉就可以了:
  6. 最终效果:

 tip: 仅根据项目需求做的, 记录一下!!!???


版权声明:本文为Reality_Dream7原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。