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

Question

有人可以帮我设计那些 PrimeNG 组件吗？

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

提前致谢

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

标签： cssflexboxprimengprimeng-treeprimeflex

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