当所有可展开的行都被折叠时，可滚动的PrimeNG表打破了主体宽度。

Question

:-)

我使用了PrimeNG表的2个功能(<p-table>，第8版）的组合。

• 滚动
• 行扩展

只要表格确实是可以滚动的，这就很好用。

但是当有很多行被折叠时，表格就会比三倍于三倍的大小 scrollHeight 我的配置是在 p-table. 这使得滚动条消失了，从而使表体充满了空间--而表头也不会变宽。

到目前为止，我所做的尝试

• 强制滚动条。根据 本文 赋予一个html元素以css样式 overflow-y: scroll 强制要求滚动条始终可见。然而，我在这里处理的可滚动元素是由PrimeNG生成的，到目前为止，我无法覆盖它的样式。
• 使用 position: sticky 以使头部跟随。我已经花了好几个小时把这个属性应用到标题上了。它从未生效。这就是为什么我尝试用 scrollable 的功能 p-table在第一时间。

愿力量与你同在!

Answer 1

这个变通方法对我来说，垂直滚动条总是显示。

body .ui-table-scrollable-body {
    overflow-y: scroll;
}