el-table表头过长隐藏内容，鼠标悬停显示内容

你可以使用 CSS 的 text-overflow 和 white-space 属性来实现表头过长隐藏内容，鼠标悬停显示内容的效果。

1. 首先，设置表头单元格的宽度，以便控制表头的长度。

2. 然后，利用 text-overflow 属性设置文本溢出时的处理方式，可以选择省略号（ellipsis）或者展开（clip）。

3. 接着，将 white-space 属性设置为 nowrap，防止换行。

4. 最后，使用 CSS 伪类 :hover 来实现鼠标悬停时显示全部内容的效果。

示例代码如下：

/* 设置表头单元格宽度 */
th {
  width: 100px;
}

/* 表头内容过长时，隐藏超出部分并用省略号表示 */
th div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 鼠标悬停时，显示全部内容 */
th:hover div {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}

注意事项：

- 在表头单元格内使用 div 标签进行包裹，以便对其内部文本进行样式设置。
- 如果表头单元格内有其他元素，需要根据具体情况进行微调。