el-table 合并单元格之后 最后一列 展示错误

element-ui:2.5.2
vue:2.7
触发条件

  • 合并单元格
  • table X轴方向显示滚动条
  • 滑动到最后一列
    el-table 合并单元格之后 最后一列 展示错误_第1张图片
    打开控制台后发现是被合并掉的单元格仍然展示出来了,宽度为0但是子元素的padding撑开了
    解决办法:
:deep(.el-table__cell) {
  overflow: hidden;
}

找到对应的元素加上overflow:hidden,完美解决

你可能感兴趣的:(vue.js,javascript,前端,elementui)