el-table无滑动条

在Element UI的el-table组件中，如果你想要去除滚动条，你可以通过CSS来控制table的滚动行为。在表格的样式中，可以尝试修改`.el-table`元素的`::-webkit-scrollbar`属性，使其宽度为0，或者完全隐藏起来。例如：

.el-table {
  overflow: hidden; /* 隐藏默认的滚动 */
  -webkit-overflow-scrolling: touch; /* 移除触摸滚动效果 */
  ::-webkit-scrollbar {
    width: 0; /* 隐藏滚动条宽度 */
    visibility: hidden; /* 隐藏滚动条 */
  }
}

这段代码会使el-table不再显示滚动条，并且不会有默认的滚动效果。但请注意，这可能会导致表格内容溢出容器，如果你希望调整表格大小以适应内容，可以在`.el-table__body`上设置固定的`height`值。

相关问题

el-table 上下滑动断层

el-table 上下滑动断层的问题可能是由于滚动条的宽度和高度不一致导致的。你可以尝试将滚动条的宽度和高度设置成一样的，例如：width:1px; height:1px;。此外，也可以尝试在表格数据赋值后执行如下代码：this.$nextTick(() => { this.$refs.multipleTable.doLayout(); // el-table加ref="multipleTable" });来解决这个问题。

el-table滑动条道制定位置

在Element UI中，el-table是一个常用的表格组件，如果需要在el-table中添加滑动条并定位到指定位置，可以通过以下步骤实现：

1. 首先，确保你已经正确引入了Element UI库，并在需要使用el-table的页面中进行了注册。

2. 在el-table外部包裹一个具有固定高度的容器，例如一个div元素，并为该容器设置一个固定的高度和overflow属性，以实现滚动条的显示。例如：

<div style="height: 300px; overflow: auto;">
  <el-table :data="tableData">
    <!-- 表格内容 -->
  </el-table>
</div>

3. 设置el-table的高度为自适应，并将其外部容器的高度设置为固定值。这样，当表格内容超过容器高度时，就会出现滚动条。例如：

<div style="height: 300px; overflow: auto;">
  <el-table :data="tableData" style="height: auto;">
    <!-- 表格内容 -->
  </el-table>
</div>

4. 如果需要将滚动条定位到指定位置，可以使用JavaScript的scrollTop属性来设置滚动条的位置。例如，将滚动条定位到表格的第10行：

// 获取包含el-table的容器元素
var container = document.querySelector('.el-table__body-wrapper');
// 获取每行的高度
var rowHeight = container.scrollHeight / tableData.length;
// 设置滚动条位置
container.scrollTop = 10 * rowHeight;

这样，滚动条就会自动定位到指定位置。