el-table 在safari显示位置错乱

网络上看到有很多解决办法

1. 列的宽度统一使用width或者min-width, 不要交叉使用

2.修改css

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

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

table {
  width: 100% !important;
}

.el-table__body {
  width: 100%;
  table-layout: fixed !important;
}

上面的方法都不适合我

3.每一列都加上

:show-overflow-tooltip="true"

第3种方法最后解决问题

你可能感兴趣的:(vue,elementui)