el-table 最后一列数据设置 fixed=“right“以后 表头背景色跟自定义的样式不统一的问题

当全局修改了el-table表头的样式,如设置背景色,而有列fixed=right时,可能导致样式不统一。可以通过添加`header-row-class-name`属性给所有表格,并定义自定义类名来确保表头样式一致。例如,定义`.custom-header-row-styleth`样式并全局应用,可以保持表头颜色和字体的一致性。
摘要由CSDN通过智能技术生成
.el-table .el-table__header-wrapper tr th {
	background-color: rgb(248, 248, 248) !important;
	color: rgb(0, 0, 0);
	font-weight: normal;
}

如果你使用了这样的方式修改了全局el-table表头的样式 并且 最后一列设置了 fixed=“right” ,设置了这个属性的表头与其他列背景色或者其他样式出现不同的情况

解决:

header-row-class-name="你想要定义的类名" 

给所有的el-table加上这条属性,然后style里定义你的类名,这样整个表头就统一样式了
然后把整个类名全在全局里,方便统一修改

我自己定义的样式

// 设置表头单元格的颜色
.custom-header-row-style th {
	background-color: rgb(248, 248, 248) !important;
	color: rgb(0, 0, 0);
	font-weight: normal;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值