修改element框架的el-table表格_el-table header-row-class-name

作者：酷酷是懒虫 | 2024-08-11 16:27:44

踩

el-table header-row-class-name

1 修改表头颜色为渐变色

element框架的官方文档中提供了两种修改表头样式的属性：
在这里插入图片描述

这里介绍的是使用header-row-class-name来修改表头颜色为渐变色（效果图如下）
在这里插入图片描述
代码：通过header-row-class-name设置一个类名

通过类名选择器进行样式设置，这个设置需要不带scoped的style标签，然后通过类型设置样式，同时需要将.el_table th.el_table__cell单元格的默认背景设置为透明色

2 表格内容居中显示

element框架的官方文档中提供了修改样式的属性：
在这里插入图片描述

分别用来修改表格和表头，使得表格的全部居中显示
代码：在两个属性中分别设置text-align: center样式

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/酷酷是懒虫/article/detail/965140