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

Primeflex + PrimeNG tab + PrimeNG tree - unable to make tabPanel grow

有人可以帮我布置那些 PrimeNG 组件吗?

我想要一棵树占据整个垂直 space(减去底部的按钮集),如果需要则滚动。树被放置在选项卡面板内。

提前致谢

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

要么你加这种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;
}