elementUI树状图竖向滚动条和横向滚动条问题

添加样式：

<el-scrollbar style="height:100%">

<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>

</el-scrollbar>

</div>

<style>

.el-scrollbar .el-scrollbar__wrap {overflow-x: hidden;}

.el-tree>.el-tree-node{

min-width: 100%;

display:inline-block;

}

</style>

注意：

1.device-tree设置宽和高，

2.el-scollbar设置100%

3.scoped以及样式覆盖问题，保证样式生效就可以实现横向和竖向滚动条

转载于:https://www.cnblogs.com/lizhiwei8/p/11266122.html

elementUI树状图竖向滚动条和横向滚动条问题相关推荐

递归展示树状图/树状表格
递归展示树状图一.数据库表设计二.后端java递归代码三.前端展示树状表格四.效果展示一.数据库表设计这里我们采用自关联的设计,通过id和pid的对应来确认数据的上下级关系建表语句,我这 ...
用D3.js画树状图
做项目遇到一个需求,将具有层级关系的词语用树状图的形式展示它们之间的关系,像这样: 或者是这样: 上面的图片只是样例,跟我下面的代码里面用的数据不同网上有很多这种数据可视化展示的js控件,我这里选择 ...
bzoj 4871: [Shoi2017]摧毁“树状图”
4871: [Shoi2017]摧毁"树状图" Time Limit: 25 Sec Memory Limit: 512 MB Submit: 53 Solved: 9 [Su ...
R语言绘制环形树状图
R语言绘制环形树状图 1.主要用到dendextend和circlize包绘图: library(dendextend) library(circlize)# 距离矩阵 d <- dist(US ...
R语言ggplot2可视化树状图、层次聚类系统树图、树状图根据给定的距离度量将相似点分组在一起、并根据点的相似性将它们组织成树状图链接起来（Hierarchical Dendrogram）
R语言ggplot2可视化树状图.层次聚类系统树图.树状图根据给定的距离度量将相似点分组在一起.并根据点的相似性将它们组织成树状图链接起来(Hierarchical Dendrogram) 目录
Python使用matplotlib可视化树状图、层次聚类系统树图、树状图根据给定的距离度量将相似点分组在一起、并根据点的相似性将它们组织成树状图链接起来（Dendrogram）
Python使用matplotlib可视化树状图.层次聚类系统树图.树状图根据给定的距离度量将相似点分组在一起.并根据点的相似性将它们组织成树状图链接起来(Dendrogram) 目录
R语言ggplot2可视化：为层次聚类树状图dendrogram中的簇进行着色、在树状图dendrogram中为不同的层次聚类簇配置不同的色彩
R语言ggplot2可视化:为层次聚类树状图dendrogram中的簇进行着色.在树状图dendrogram中为不同的层次聚类簇配置不同的色彩 #层次聚类树状图dendrogram labs = pa ...
R语言层次聚类（hierarchical clustering）：使用scale函数进行特征缩放、hclust包层次聚类（创建距离矩阵、聚类、绘制树状图dendrogram，在树状图上绘制红色矩形框）
R语言层次聚类(hierarchical clustering):使用scale函数进行特征缩放.hclust包层次聚类(创建距离矩阵.聚类.绘制树状图dendrogram,在树状图上绘制红色矩形框) ...
windows CMD生成文件夹树状图（tree）命令（以图形显示驱动器或路径的文件夹结构）
如: 步骤: 在当前路径运行CMD: 输入tree: 当然也可以用绝对路径, 以tree \起头: 太多了就不贴上来了. 也可以用相对路径: tree .\test_pipreqs 省略.\也可以: ...

elementUI树状图竖向滚动条和横向滚动条问题

elementUI树状图竖向滚动条和横向滚动条问题相关推荐

最新文章

热门文章