el-tree 添加横向滚动条
时间: 2023-07-26 15:31:27 浏览: 350
横向滚动条
要给 el-tree 添加横向滚动条,可以在 el-tree 外面包裹一个 div 容器,并设置该容器的 overflow-x 属性为 auto。具体实现步骤如下:
1. 在 el-tree 外面包裹一个 div 容器:
```
<div class="tree-container">
<el-tree :data="data"></el-tree>
</div>
```
2. 在样式表中设置该容器的 overflow-x 属性为 auto:
```
.tree-container {
overflow-x: auto;
white-space: nowrap; /* 防止树节点换行 */
}
```
这样,当 el-tree 的宽度超出容器的宽度时,就会自动生成横向滚动条。
阅读全文