问题标签 [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 投票
0 回答
673 浏览

angular - 排序模板在primeng - 角度2

我正在尝试对primeng中的自动增量模板列进行排序,但无需指定[field](我不确定应该为rowIndex的情况分配什么字段)

这将显示基于列索引的自动增量,但不对列进行排序。

0 投票
1 回答
3899 浏览

angular - 具有动态值的 PrimeNG DataTable 多选过滤器

我正在使用支持 Angular 4 的 PrimeNG 4.xx。我想动态地为 DataTable 列中的多选过滤器提供值。

如下所示,我正在从“clientcolumnDefs”动态创建表列,现在我想动态地为多选过滤器选项提供值。

我如何在 typescript 中填充我的dynamicFilters,以便它适用于所有列。

过滤器应该是这种类型,但每列的值都是动态的。

过滤图像

0 投票
4 回答
2299 浏览

angular - 将 Angular 升级到 4 后错误的 PrimEng 数据表更改检测

在我从 Angular 2 升级到 Angular 4 之后,primeng 数据表出现了错误,因为它看不到作为数据传递的列表中的更改。

例如,我有一个数据表:

当我修改“queuedJobs”数组时,数据表内容不会改变它在 Angular 2 中的样子。如何解决它?你有同样的错误吗?

问候马特乌斯

0 投票
0 回答
403 浏览

angular - 来自 Http Observable 的 PrimeNG DataTable 绑定问题

我正在尝试使用 PrimeNG 2.0.5 和 Angular 4 构建动态 DataTable,但出现错误:“GET http://localhost:3000/application-detail.component.html 404(未找到)”和“未处理的承诺拒绝:无法加载 application-detail.component.html ;区域:;任务:Promise.then ;值:无法加载 application-detail.component.html 未定义" ....提前致谢

这是我的代码:

app.detail.component.html ===>

这是我的 Observable:用户:Observable

app.detail.component.ts ===>

0 投票
1 回答
1344 浏览

angular - 尝试在 Angular 4 项目中实现 PrimeNG

我只是想在我的 Angular 4 项目中实现 PrimeNG 库。我可以在我的依赖项和我的 nodemodules 文件夹中看到 PrimeNG,但是当我做了一个简单的操作时:

这是我控制台浏览器中的错误:

这是我的 app.module.ts:

0 投票
2 回答
4972 浏览

angular - PrimeNG Datatable 不允许向行添加组件

我正在使用带有延迟加载的PrimeNG 数据表(https://www.primefaces.org/primeng/#/datatable )。一切都很好,但我需要在每一行添加一个按钮(带有删除、编辑每条记录的选项)。

我试图以某种方式在视图的每一行中添加列,但无法弄清楚。

然后我尝试在数据表使用的控制器数组中添加 HTML:

但是,它不会评估代码并显示纯 HTML <div>Anything</div>

它有办法吗?

0 投票
1 回答
3066 浏览

json - 带有奇怪数据的 Primeng 数据表选择

我正在从 MSSQL 服务器检索两组数据。设置一:(这是用户特定的,所以这个设置会改变)

设置二:

设置两个填充 Primeng 数据表。Set one's TargetID value 指的是set one 中的ID。每当 TargetID 值与第二组中的 ID 相同时,我必须在数据表中检查这一点。

数据表:

我没有尝试太多,因为我不知道如何实现这一点?我什至无法弄清楚如何对选定的行进行硬编码......

任何帮助将不胜感激!提前致谢!

0 投票
1 回答
2005 浏览

angular - PrimeNG Angular 4 选项列表重置源和目标

我在作为数据表 CRUD 方法的一部分的对话框中有 PrimeNG 选项列表,如果关闭对话框并且未单击保存按钮,我如何重置目标和源值。

我需要以不同的方式进行克隆吗?

onRowSelect 和克隆方法

用户对象

0 投票
0 回答
533 浏览

responsive-design - ng p-datatable p-column 是否可以使用响应式类 ui-grid-col

我想为我的 p-datatable p-columns 使用响应式列宽,如下所示:

此外,我会根据显示宽度断点(-sm、-md、-lg)为网格列应用不同的类,如 Bootstrap。这可以做到吗?

0 投票
2 回答
10540 浏览

angular - 如何在primeng数据表中预设(以编程方式)过滤器值

使用 angular (4.1.3) 和 primeng (4.0.3) 数据表我需要设置过滤器值(例如来自 URL 参数)。

primeng ( https://www.primefaces.org/primeng/#/datatable/filter ) 有一个关于自定义过滤器的很好的文档。我尝试使用primeng InputText 组件作为自定义过滤器类似地实现它:

现在我有一个输入字段,它看起来像“常规”字段,甚至还有一个来自我的组件的“custFilter”模型作为预选的过滤器值。

唯一的问题是,这个自定义过滤器不起作用。无论我输入哪个值,它都不会过滤(与“常规”primeng 数据表过滤器相反)。 这是一个截图