今天接到一个页面需求,要求表格的最后一列是操作按钮,但是标题要居中,操作列之前的列不用居中
本来想着直接覆盖 样式即可
.el-table th:nth-last-child(1){
text-align: center;
}
发现并没有作用,于是在浏览器的开发者工具中直接改样式,发现是可以的,但是加上nth-last-child(1)就是不起作用,而且这个样式还直接就灰了,但是nth-child(1) nth-child(4)都是可以对指定的列生效的
观察html元素发现,原来我以为的最后一列并不是最后一列,真正的最后一列是个空的
最后一列有style属性display:none,所以可见 的最后一列实际上是倒数第二列
.lastMiddle .el-table th:nth-last-child(2){
text-align: center;
}
需要最后一列表头居中的table外层添加lastMiddle即可