Vue <el-table>标签实现表头换色及多个表头换色

一般的表头换色可以使用 header-cell-style:{background:"color"}就行了

如果你想要实现多个表头换色,比如

Vue <el-table>标签实现表头换色及多个表头换色_第1张图片

这种分色的样式可以使用header-cell-class-name这个官网提供的方法,用法也很简单

 这行代码的意思是,找到你选中的类名,后面接的是方法名rowtable。

方法如下:

Vue <el-table>标签实现表头换色及多个表头换色_第2张图片

 设一个下标参数然后寻找对应的label值然后返回一个对应的类就好了,接下来就可以在对应的类下面加样式了

Vue <el-table>标签实现表头换色及多个表头换色_第3张图片

非常简单,很容易看懂,希望能帮到你! 

你可能感兴趣的:(vue)