element-ui中表格el-table表头与内容右边框错位问题

  • Post author:
  • Post category:其他


在用element-ui实战写一个后台管理系统时遇到一个坑,就是el-table标签渲染出数据后表头和内容会有错位,如图:

在这里插入图片描述

具体原因不太清楚,估摸着是浏览器的问题,同是webkit内核的360浏览器没有出现这种情况,如图所示:

在这里插入图片描述

那么怎么解决问题,只需要在您的全局样式中添加如下css样式即可

body .el-table th.gutter{
    display: table-cell!important;
}

亲测有效!大家一起学习一起进步哦!目标前端工程师



版权声明:本文为weixin_40618068原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。