ElementUI的列表（table）再ios浏览器（safari）中表头错位问题记录【附临时解决办法】

## 问题简介

如题，使用 `ElementUI` 开发的网页(包括 `ElementPlus`)，在 `Safari` 浏览器中，列表往往会出现一些不美观的效果，如：

- 内容过长，但设置隐藏不起效；
- 表头与数据列不对齐；
- 固定列无效等等。

该问题是由于 `Element` 对 `Safari` 的适配没有做的很完善，并且该问题也是个历史性的老问题了，截至本文记录，该问题至少已经经过了 6 年，但仍然未解决。

> 详情可见：https://github.com/ElemeFE/element/issues/10308

<!-- more -->

## 解决办法

根据用户反馈，临时解决办法是手动覆盖一些 `Element` 默认的css样式，如全局引用以下css：

```css
.el-table table {
  width: 0 !important;
  table-layout: fixed !important;
}

.el-table .el-table__body {
  width: 0 !important;
  table-layout: fixed !important;
}
```