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

在用element-ui实战写一个后台管理系统时遇到一个坑,就是el-table标签渲染出数据后表头和内容会有错位,如图:
element-ui中表格el-table表头与内容右边框错位问题_第1张图片
具体原因不太清楚,估摸着是浏览器的问题,同是webkit内核的360浏览器没有出现这种情况,如图所示:
element-ui中表格el-table表头与内容右边框错位问题_第2张图片
那么怎么解决问题,只需要在您的全局样式中添加如下css样式即可

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

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

你可能感兴趣的:(element-ui中表格el-table表头与内容右边框错位问题)