elementUI - tree横向滚动问题

我想有用elementUI的人,有用到tree组件应该或多或少都有可能碰到tree节点过多需要横向滚动显示吧,但是组件文档上没有~而且百度上也少得可伶。
昨天也碰到这问题,后面在技术群里有人回答,我觉得这种问题应该记录下。
这里写图片描述

亲试这个确实能支持横向滚动,但是在我自己项目中却不生效,我也不知道啥情况。后面根据这样的css把设置在 .el-tree-node的样式往上层提升到 .el-tree样式中才可以。 而 .el-tree-node则不再需要自己写样式。

.tree{
      overflow-y: hidden;
      overflow-x: scroll;
      width:80px;
      height: 500px;
  }
 .el-tree {
     min-width: 100%;
     display:inline-block !important;
 }

这里写图片描述

展开阅读全文

没有更多推荐了,返回首页