element plus框架el-table表格不兼容safari(<17.5版本)浏览器,因此表头thead和表体tbody存在错位问题。
.el-table__body {
width: 100%;
// 使表格兼容safari,不错位
table-layout: fixed !important;
}
table-layout 属性
定义和用法
tableLayout 属性用来显示表格单元格、行、列的算法规则。
可能的值
值 | 描述 |
---|
automatic | 默认。列宽度由单元格内容设定。 |
fixed | 列宽由表格宽度和列宽度设定。 |
inherit | 规定应该从父元素继承 table-layout 属性的值。 |