elementui table 表头固定

Element UI 的 Table 组件默认情况下是不支持表头固定的，但你可以通过一些 CSS 和 JavaScript 的方式来实现表头固定的效果。

以下是一种实现表头固定的方法：

1. 使用 CSS 设置表头的固定样式。可以通过设置表头的 `position` 为 `sticky`，并指定 `top` 属性来实现固定在顶部。同时，设置表头的 `background-color`、`z-index` 等样式以适应你的需求。例如：

.el-table__header-wrapper {
  position: sticky;
  top: 0;
  background-color: #f5f7fa;
  z-index: 1;
}

2. 使用 JavaScript 监听表格的滚动事件，并在滚动时调整表格内容的位置。可以通过获取表格内容区域的滚动位置，然后将表头的偏移量设置为负值，使其保持在固定位置。例如：

mounted() {
  const headerWrapper = document.querySelector('.el-table__header-wrapper');
  const contentWrapper = document.querySelector('.el-table__body-wrapper');

  contentWrapper.addEventListener('scroll', () => {
    headerWrapper.style.transform = `translateY(-${contentWrapper.scrollTop}px)`;
  });
}

这样，当表格内容区域发生滚动时，表头就会保持在固定位置。

请注意，这只是一种简单的实现方式，具体的实现方法可能因你的需求和界面样式而有所不同。你可以根据实际情况进行调整和优化。

希望对你有所帮助！如果还有其他问题，请随时提问。