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

Question

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

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

提前致谢

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;
}