失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > antd-design-vue table表格选中每行设置背景色

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

时间:2024-06-22 08:29:45

相关推荐

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

查看文档,table组件中有一个属性在table表格中定义该属性:rowClassName的属性值是一个回调函数, 有两个参数, record和index,我这里是只用到一个record;

this.selectedRowKeys是我选中的表格行的ID组成的数组,用record里面的id和this.selectedRowKeys里面的每一项进行比较, 相等的话就代表当前行已经选中;

这里是样式部分:

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

把这个样式取代掉就可以了:

最终效果:

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

如果觉得《antd-design-vue table表格选中每行设置背景色》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。