问题标签 [p-table]

当我滚动它时，我试图让primeng表的标题固定（粘在顶部）。我完全按照primeng docs网站上的教程进行操作。 https://primefaces.org/primeng/showcase/#/table/sticky。

我的 CSS 文件与文档中建议的完全相同：

在 html 文件中（表格呈现没有任何问题，但标题仍然不粘）：

有人知道可能是什么问题吗？它应该非常简单。

提前致谢！

干杯，马塞洛

用户在研究加载表中的值后，可以使用分页来显示具有其他值的其他页面。问题是用户在表格末尾看到分页器，但是当点击进入下一页时，值没有更新。这是我的html

分页设置在第一页，当用户单击箭头转到下一页时，它不会更新。

所以我添加了这个 ( onPage)

在 ts

theconsole.log(event)永远不会被调用，所以该方法paginate永远不会被调用。任何人都可以帮助我吗？

我想p-table只在一个组件中更改我的标题单元格的背景颜色，我该怎么做？

我试过了<ng-template pTemplate="caption" class="myStyle">

并 .myStyle{ background: rgb(9,169,121) !important; } 在 my.component.scss

但它不起作用。

帮我！谢谢！

编辑：终于成功了！我看到@Antikhippe 的答案，但我不得不添加

:host ::ng-deep { #myTable { .p
-datatable-thead{ 背景：红色；
} .p-datatable .p-datatable-thead > tr > th { 背景：继承；} } }

我正在使用 Angular 9，PrimeNG p-table 组件。

那么，有什么问题。

我有 5 行，每行都有复选框。当我选择一些行或行时，会填充“选择”并“选中”复选框，但是当我手动将项目推送到“选择”列表时 - 在单击某个行复选框之前，我看不到选中的行。

我想这样做的原因是因为我在行/秒中有输入字段，所以当我更改输入值时，我会调用一个方法，该方法会自动将该行预选为复选框中的“已选中”。

一个多星期以来，我一直试图弄清楚这一点。我似乎无法在不破坏过滤器的情况下清除过滤器。我需要一个按钮来清除屏幕上的所有过滤器，这样用户就不必一一进行。

这是我的示例代码的 stackblitz 链接。有谁知道如何使这项工作？我开始认为新的 PrimeNG 表过滤器过程中存在错误。

https://stackblitz.com/edit/clear-filters?file=src/app/app.component.ts

我正在使用primengp-table和p-checkbox。我希望能够在不选中复选框的情况下突出显示单击的行（或行内容）。应在单击复选框本身而不是行时选中复选框。我尝试使用[pSelectableRow]，但除了突出显示它之外，它还检查复选框。

我应该怎么做才能只突出显示单击的行，而不选中复选框？我创建了一个Stackblitz示例。

p-table 中有没有办法显示值而不是 Id？

例如：我从服务器获取数据如下

我想用显示上述数据的 p 表中的客户名称替换客户 ID。我有客户 ID 到客户名称的映射，如下所示

编辑 我使用 Angular Pipe 实现了这一点。但是有没有一种方法可以做到这一点？

我是 Angular 新手，在 PrimeNG p-table 遇到问题。

这是我的p-table

当有任何变化时，我会进入我的loadData方法。

所以每次我改变this.sort我都会进入我的 loadData ，它会再次发出请求等等。

当我设置滚动高度并显示 100 条记录时，第一次记录正确显示，但在页面更改后，一条记录最后显示违反排序顺序。任何线索将不胜感激。

我正在尝试使 p-table 滚动条滚动到某个位置。它似乎根本没有做任何事情。这是我的代码：

“this.table”是

在模板文件中它是这样定义的：

忽略硬编码的数字，我现在只是想弄清楚如何让它工作。

有谁知道如何使用它？文档说：

options.top：指定沿 Y 轴的像素数

我试图将 {'options.top':200} 和 {top:200} 作为参数传递，但没有任何反应。

任何帮助将不胜感激！

谢谢