问题标签 [primeng-datatable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4533 浏览

angular - angular 2 - primeng dataTable 为日期字段添加过滤器,具有日期范围

假设我有这个数据表

现在我想要一个过滤器,它可以根据“过去 1 天”、“过去 30 天”等过滤日期

0 投票
0 回答
660 浏览

angular - Angular 4 - PrimeNg DataTableModule - 默认按值过滤列

我正在使用primeng来处理表格。

我有下一个专栏:

我需要在过滤器输入字段中显示一个默认值,如下所示:

在此处输入图像描述

也许,类似于:

还有一件事,过滤器工作正常,但隐藏过滤器输入是可能的,这是因为过滤器值是从另一个组件获得的。

怎么可能做到?

0 投票
2 回答
7293 浏览

angular - 无法使用底漆虚拟滚动延迟加载

我正在尝试使用 primeng 为大量数据实现延迟加载<p-datatable>。我已经完成了官方网站上记录的所有内容,但是我无法使其工作。

回调仅在onLazyLoad加载表时运行一次。它不会按预期在每次滚动时触发。

分页器实现同样适用。我注意到它仅在我不使用virtualScroll属性时才与分页器一起使用,这是有道理的,但不知何故 virtualScroll 对滚动没有任何影响。

我知道已经有一个类似的问题,但它仍然得到了回答。

是否有人通过延迟加载成功使用了虚拟滚动。任何建议都会很有用。

0 投票
2 回答
9458 浏览

tooltip - 如何为primeng数据表中的每个单元格添加工具提示?

我的模板看起来像这样

我试图添加到列

但它不起作用。

0 投票
1 回答
3836 浏览

angular - 如何使prime-ng数据表在角度4中动态化?

我使用 prime ng primeface 创建了 angular 4 中的数据表。我能够从远程服务器绑定表。我已经给出了列名和标题,例如

和 Html 会像

但是这里我想动态显示数据表。即列数将不固定。因此,即使它是单列或任意数量的列,我的表也应该接受。怎么可能?

0 投票
0 回答
1613 浏览

angular - Angular 4 - 在 Angular 中使用primeng DataTable 显示/隐藏过滤器

当我使用Angular的primeng的DataTable单击文本或按钮时,我想显示列过滤器。

这是我的桌子的初始状态。

在此处输入图像描述

当我点击文本“启用”时,我会看到:

在此处输入图像描述

如果我单击“禁用”按钮,过滤器将再次被隐藏。

默认情况下,过滤器的初始状态是隐藏的:

0 投票
1 回答
2179 浏览

angular - Angular2 TypeError:val.slice 不是函数。Primeng 数据表和嵌套数据的问题

下面是我的json的结构:

组件.ts:

组件.html:

我在运行时遇到的错误是:

如果我在下面使用常规的 html 表,它可以正常工作。

我为嵌套结构使用数据表的方式是否错误?我应该如何在我的 html 中正确定义第二个数据表?任何输入表示赞赏。

0 投票
2 回答
3925 浏览

angular - Primeng 数据表 rowTrackBy

我在网上搜索了一个不错的带有 rowTrackBy 的primeng 数据表示例。文档不完整,没有多说。有没有人可以提供帮助?

0 投票
0 回答
225 浏览

angular - 如何将自定义指令应用于 p 列?

我有一个primeng数据表,我想在其中将指令应用于列。我该怎么做?

0 投票
0 回答
961 浏览

angular - PrimeNG Datatable,每页的分页器项目在修改时不会更改数据表

当每页项目下拉列表更改时,PrimeNG 数据表不会更新和更改显示项目的数量。

没有控制台错误或任何迹象表明设置有误。

<p-dataTable #dt [value]="bols" exportFilename="bols" selectionMode="single" [(selection)]="selectedBol" (onRowSelect)="onRowSelect($event)" [paginator]="true" [rows]="20" [responsive]="true" [globalFilter]="gb" [contextMenu]="cm" [rowsPerPageOptions]="[10,20,30,40,50]">

我没有配置回调来处理更改,因为我不认为这是必要的。一旦每页的项目发生变化,导航到任何其他页面都会适当地调整结果集的大小。

谢谢