Angularprimengv11.x设置p-tree的滚动高度时未显示滚动条 _编程开发

Angularprimengv11.x设置p-tree的滚动高度时未显示滚动条

创始人

2024-10-29 01:30:52

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组件设置滚动高度时不显示滚动条的问题。

上一篇：AngularPrimeNG图像组件

下一篇：AngularPrimeng下拉框在使用上下箭头键移动时无法高亮选项

Angularprimengv11.x设置p-tree的滚动高度时未显示滚动条

相关内容

热门资讯