当所有可扩展的行都折叠时,可滚动的PrimeNG表会破坏主体宽度

时间:2019-08-23 15:38:06

标签: css angular primeng primeng-datatable

:-)

我结合使用PrimeNG表的两个功能(<p-table>,版本8):

只要表格确实可滚动,此方法就可以很好地工作: enter image description here

但是当折叠成多行时,表的大小小于我在scrollHeight处配置的阈值p-table。这会使滚动条消失,以便表主体填充该空间-标题也不会变宽: enter image description here

到目前为止我尝试过的事情

  • 强制滚动条:根据this article赋予html元素,css样式overflow-y: scroll强制滚动条始终可见。但是我在这里处理的可滚动元素是由PrimeNG生成的,到目前为止,我无法覆盖它的样式
  • 使用position: sticky使标题遵循:我已经花了数小时将属性应用于标题。它从未生效。这就是为什么我首先使用scrollable的{​​{1}}函数尝试此操作的原因。

愿力量与你同在!

1 个答案:

答案 0 :(得分:0)

此解决方法对我有用,始终显示垂直滚动条:

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