如何给element表格添加滚动条

要给element表格添加滚动条，您可以使用以下步骤：

1. 在表格外包裹一个div容器，并给该容器设置固定高度和overflow属性为auto。

<template>
  <div class="table-container">
    <el-table :data="tableData">
      <!-- 表格内容 -->
    </el-table>
  </div>
</template>

<style>
.table-container {
  height: 300px; /* 设置固定高度 */
  overflow: auto; /* 添加滚动条 */
}
</style>

2. 在表格的外部容器中添加样式“::v-deep”，并自定义表格的样式。例如，设置表格的宽度为100%。

<template>
  <div class="table-container ::v-deep .el-table {
    width: 100%;
  }">
    <el-table :data="tableData">
      <!-- 表格内容 -->
    </el-table>
  </div>
</template>

这样就可以给element表格添加滚动条了。