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组件设置滚动高度时不显示滚动条的问题。
相关内容
热门资讯
黑科技科技(wepoke智能a...
黑科技科技(wepoke智能ai)wepower使用说明书(wepOkE)素来是真的有挂(确实有挂)...
黑科技模拟器(wepoke智能...
WePoker透视辅助工具核心要点解析，黑科技模拟器(wepoke智能ai)wepoke是机器发牌...
黑科技脚本(wepokeai代...
您好，这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这款游戏中打牌都...
黑科技辅助挂(wepoke真的...
黑科技辅助挂(wepoke真的有挂)wepoke 软件(wEPOKE)固有真的有挂(有挂猫腻)-哔哩...
黑科技辅助挂(wepoke黑科...
黑科技辅助挂(wepoke黑科技)wepoke软件透明挂演示(wEpOke)一直真的有挂(真的有挂)...
黑科技app(wepoke真的...
此外，数据分析德州()辅助神器app还具备辅助透视行为开挂功能，通过对客户透明挂的深入研究，你可以了...
黑科技智能ai(wepoke辅...
黑科技智能ai(wepoke辅助插件)wepoke软件透明(WEPOke)先前是有挂(果真有挂)-哔...
黑科技模拟器(wepoke透明...
黑科技模拟器(wepoke透明黑科技)wepoke德州扑克用ai代打(WEPOKE)最初存在有挂(有...
黑科技插件(wepoke辅助插...
黑科技插件(wepoke辅助插件)wepoke软件透明(WEPOke)从来是真的有挂(有挂解惑)-哔...
黑科技美元局(wepoke智能...
黑科技美元局(wepoke智能ai)wepoke辅助真的假的(wepoKE)原先真的有挂(竟然有挂)...