element-plus的Table组件，当列数太多时，如何实现出现横向的滚动条

Element Plus 的 Table 组件默认会根据屏幕宽度和列内容自适应调整表格布局。如果列数过多导致内容无法在当前视口中完全展示，可以启用列展开（column expansion）功能或者调整 table 的样式来实现横向滚动。

1. **列展开**:
- 在 `el-table` 中开启列展开功能，例如：

     <el-table :expand-row-keys="['id1', 'id2']" ...></el-table>

- 设置 `expand-icon` 属性来显示展开图标，点击列头可以查看展开的内容。

2. **CSS 自定义样式**:
- 如果想要直接添加滚动条，可以在 CSS 中为 `.el-table__header-wrapper` 或者 `.el-table__body-wrapper` 类设置 `overflow-x: auto;`，这将会在水平方向上添加滚动条：

     .el-table__header-wrapper, .el-table__body-wrapper {
       overflow-x: auto;
       white-space: nowrap;
     }

- 同时，为了防止行内文字溢出，还可以将 `white-space` 属性设为 `nowrap`。

3. **响应式设计**:
- 使用媒体查询（Media Queries），针对小屏幕设备调整 table 的最大列数或者设置最小列宽，这样也可以间接控制滚动条的出现。

记得要在实际项目中根据需要选择合适的方式，并测试其在不同浏览器和设备上的表现。