当前位置:   article > 正文

el-table表头与内容右边框错位问题_el-table th 和 td 右边框对不齐

el-table th 和 td 右边框对不齐

一、问题

1.项目中页面出现表格的表头与表格内容对不齐;
2.后发现当chrome页面大小为100%时,显示正常;
3.当逐渐扩大时,错位开始明显

二、解决办法

百度之后,得到了一致的结果,添加如下代码:

.el-table th.gutter {
  display: table-cell !important;
}
  • 1
  • 2
  • 3

然而,在当前页面添加这段代码之后,却并不生效
后来发现,此段代码需要写在项目的入口文件中,App.vue
后成功解决

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/113744
推荐阅读
相关标签
  

闽ICP备14008679号