Primeflex + PrimeNG选项卡+ PrimeNG树-无法使tabPanel增长

Question

有人能帮我布置一下这些PrimeNG组件吗？

我希望有一个树采取整个垂直空间(减去底部的按钮设置)，滚动，如果需要。树被放置在选项卡面板中。

提前感谢

https://stackblitz.com/edit/angular-np8of7?file=src/app/app.component.html

Answer 1

您可以添加这种CSS

.p-tree {
  height: calc(100vh - 300px);
  overflow: auto;
}

但是为了应用它，您必须在组件定义中声明encapsulation: ViewEncapsulation.None。参见StackBlitz。

你可以在你的CSS中添加：

:host ::ng-deep .p-tree {
  height: calc(100vh - 300px);
  overflow: auto;
}