element-ui中单独给table组件表头加样式

element-ui中单独给table组件表头加样式

要单独给表头加样式,需要在页面结构中找到类名,并在组件中添加样式穿透来改变表头样式,如果添加了边框,那么需要给表头设置box-sizing:border-box;
如要给表头加上黑色边框:

::v-deep .el-table__header-wrapper {
  border: 3px solid #000;
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
}

上面是在scss中使用样式穿透,如果是在less中使用样式穿透,将::v-deep改成/deep/即可。

猜你喜欢

转载自blog.csdn.net/weixin_47346395/article/details/107322457