Angularprimengv11.x设置p-tree的滚动高度时未显示滚动条
创始人
2024-10-29 01:30:20
0次
在Angular Primeng v11.x中，使用p-tree组件时，当设置其滚动高度时，可能会出现无法显示滚动条的问题。解决此问题的方法是在p-tree组件中增加样式设置。
以下是示例代码：
在组件CSS文件中增加以下样式：
:host ::ng-deep .ui-tree-container.ui-grid.ui-grid-responsive { height: 250px; //设置滚动高度 overflow-y: auto; }
在上述代码中，ui-tree-container.ui-grid.ui-grid-responsive是p-tree组件中包含树结构的容器元素的选择器，通过增加:host ::ng-deep前缀，使其具有全局生效的能力。通过设置height和overflow-y属性，可以控制容器高度和显示滚动条的方式。
在p-tree组件中增加以下代码：
在上述代码中，通过给p-tree组件传递style属性，以控制组件的高度。
以上两个方法，可以根据实际需求选择使用其中之一或同时使用，即可解决Angular Primeng v11.x p-tree组件设置滚动高度时不显示滚动条的问题。
相关内容
热门资讯
五分钟绝活！潮友会鱼虾蟹怎么发...
五分钟绝活！潮友会鱼虾蟹怎么发现软件控制，四川家园游戏辅助，教你攻略（有挂解密）-哔哩哔哩1、操作简...
第九分钟策略！广西友乐app辅...
第九分钟策略！广西友乐app辅助工具，湖北卡五星技能，普及教程（有挂讲解）-哔哩哔哩1、全新机制【广...
4分钟要领！八闽掌上辅助软件，...
4分钟要领！八闽掌上辅助软件，对战互娱有辅助吗，揭秘攻略（有挂方针）-哔哩哔哩1、完成八闽掌上辅助软...
3分钟机巧！财神十三章辅助软件...
3分钟机巧！财神十三章辅助软件，指尖捕鱼bgm，可靠教程（有挂助手）-哔哩哔哩；1、财神十三章辅助软...
七分钟模块！胡易决胜麻架辅助，...
七分钟模块！胡易决胜麻架辅助，情怀宜春辅助挂定制交易平台，玩家教你（有挂秘籍）-哔哩哔哩1、玩家可以...
3分钟烘培！牵手辅助神器下载，...
3分钟烘培！牵手辅助神器下载，新海贝之城app破解，教你教程（有挂总结）-哔哩哔哩新海贝之城app破...
第七分钟课程！悠闲游戏辅助，牛...
第七分钟课程！悠闲游戏辅助，牛总管手游辅助，爆料教程（有挂存在）-哔哩哔哩亲，关键说明，牛总管手游辅...
3分钟演示！麻雀智能辅助软件，...
3分钟演示！麻雀智能辅助软件，传送屋激k有挂吗，力荐教程（今日头条）-哔哩哔哩1、每一步都需要思考，...
第8分钟经验！好友赣南辅助是真...
第8分钟经验！好友赣南辅助是真的吗，蛮王大厅辅助教程，分享教程（有挂教学）-哔哩哔哩1、起透看视 好...
九分钟法门！中至赣牌圈五十k黑...
九分钟法门！中至赣牌圈五十k黑科技，开心泉州小程序有挂吗，力荐教程（有挂解密）-哔哩哔哩小薇（透视辅...