PrimeNG：滚动时粘贴表头

Question

我使用Angular 4与PrimeNG 4.2.1配对。

我需要在滚动内容时在屏幕上粘贴表头。以下是how it looks like in PrimeNG JSF components的示例，但不幸的是Angular DataTable component中没有类似内容。

我尝试使用标准的html + css方式，就像描述here或here一样，但我没有让它工作（我设法在表格中设置滚动条，但是它刹车UI的其余部分）。我也试过了this solution，但它没有用。

问：滚动时是否有某种方法可以修复PrimeNG DataTable组件标题？

我想解决方案可能很简单，但我并不是前端技术的专家。

更新 可以在DataTable组件上设置scrollable和scrollHeight，以便自动显示滚动条。它工作得很好，但我无法将表格大小设置为屏幕尺寸，否则看起来很难看。

Answer 1

Here是数据表的PrimeNg文档的链接。您可以在此处找到几个可滚动表格选项的示例，以及需要应用的代码更改。

最简单的实现方法是使用

<p-table [columns]="cols" [value]="value" [scrollable]="true" scrollHeight="200px">

（您可能需要升级PrimeNG版本才能运行）。 那是您要找的东西吗？

Answer 2

如Update所述，您应该使用“ [scrollable] =“ true” scrollHeight =“ 200px”“。根据需要设置滚动高度。

您还可以使用位置的另一件事：为标题设置粘性并设置所需的“顶部”。