1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > el-table修改字体颜色(包括行高亮时)和动态设置行背景色

el-table修改字体颜色(包括行高亮时)和动态设置行背景色

时间:2021-04-09 07:03:57

相关推荐

el-table修改字体颜色(包括行高亮时)和动态设置行背景色

发现问题

1、使用组件自带的行方法row-style或者单元格方法cell-style设置字体颜色,发现设置不生效

2、控制台查看元素,发现cell-style定位不到真正的字体位置,而是上面一层

解决问题

3、使用组件自带单元格方法cell-class-name来设置一个class到外面这层元素中,来方便明确定位,最终定位在这个class的cell中

到这里字体颜色就设置成功了

4、因为我把字体设置成了白色,发现组件自带的行高亮时字体颜色和背景色太过相近,决定修改高亮时的颜色,元素中查看发现组件高亮时添加了hover-row的class

所以就这样写

设置成功

补充:行的背景色改为动态红色,这里用el-table自带的属性cell-style就可以了,以下是methiods里面调用的函数

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