vue3的el-table添加滚动条

可以使用 CSS 样式来为 el-table 添加滚动条，具体的实现方式如下：

1. 在 el-table 的外层包裹一个 div 容器，并设置该容器的高度和 overflow 属性为 auto。

2. 在 el-table 的样式中，设置表格的宽度为 100%。

3. 在 el-table 的样式中，设置表格的 tbody 的 display 属性为 block，并设置其高度为 100%。

4. 在 el-table 的样式中，设置表格的 tbody 的 overflow 属性为 auto。

5. 在 el-table 的样式中，设置表格的 tbody 的 white-space 属性为 nowrap，这样可以让表格的内容不换行。

6. 在 el-table 的样式中，设置表格的 tbody 的 table-layout 属性为 fixed，这样可以让表格的列宽度固定。

7. 最后，在 el-table 的样式中，设置表格的 th 和 td 的 padding 属性为 0，这样可以让表格的内容与边框之间没有间隔。

下面是一个示例代码：

<template>
  <div class="table-container">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
  </div>
</template>

<style>
.table-container {
  height: 300px;
  overflow: auto;
}

.el-table__body-wrapper {
  display: block;
  height: 100%;
  overflow: auto;
  white-space: nowrap;
  table-layout: fixed;
}

.el-table__header-wrapper th,
.el-table__body-wrapper td {
  padding: 0;
}
</style>

希望这个回答能够帮助到你！