查看文档,table组件中有一个属性在table表格中定义该属性:rowClassName的属性值是一个回调函数, 有两个参数, record和index,我这里是只用到一个record;
this.selectedRowKeys是我选中的表格行的ID组成的数组,用record里面的id和this.selectedRowKeys里面的每一项进行比较, 相等的话就代表当前行已经选中;
这里是样式部分:
本以为到这里就完成了, 但看了一眼页面没有效果😢😢😢, 没办法,检查元素后发现每一行里面的td标签都有默认的背景颜色:
把这个样式取代掉就可以了:
最终效果:
tip: 仅根据项目需求做的, 记录一下!!!😊😊😊
如果觉得《antd-design-vue table表格选中每行设置背景色》对你有帮助,请点赞、收藏,并留下你的观点哦!