el-table横向滚动条固定在屏幕最下方显示

在Element UI的el-table组件中，如果你需要让表格的横向滚动条始终保持在屏幕底部，可以利用CSS样式来实现。你需要为表格添加一些额外的样式，通常通过JavaScript来监听窗口大小变化，并动态调整滚动条的位置。以下是一个简单的示例：

首先，在你的Vue模板中，给table元素添加一个自定义class，例如`scroll-bottom`：

<template>
  <div ref="tableWrapper">
    <el-table :data="yourData" class="scroll-bottom" />
  </div>
</template>

然后，在CSS中设置`.scroll-bottom`的样式：

.scroll-bottom {
  overflow-y: auto;
  position: relative;
}

.scroll-bottom::-webkit-scrollbar {
  width: 6px; /* 自定义滚动条宽度 */
}

.scroll-bottom::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5); /* 滚动条颜色 */
}

.scroll-bottom .el-table__body-wrapper {
  position: absolute;
  bottom: 0;
  height: calc(100% - 28px); /* 减去表头高度和其他可能的边距 */
  overflow-x: scroll;
}

这个例子中，我们设置了`overflow-y: auto`开启垂直滚动，`position: relative`为后续的绝对定位做准备。`.el-table__body-wrapper`部分设为绝对定位并固定在底部，当窗口大小改变时，滚动条会自动跟随内容移动到最底部。