问题标签 [primeng-turbotable]

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 回答
4128 浏览

angular - 使用 PrimNG TurboTable 和 Angular 6 获取索引

我不知道如何使用 Angular 6 和 PrimeNG turbo 表获取索引。

这是我对它应该如何工作的最佳猜测。

但我也试过这个

和这个

以及其他几种组合。我不能让他们中的任何一个工作。

0 投票
0 回答
257 浏览

angular - TurboTable延迟加载具有初始值的默认过滤器?

我正在懒惰地加载 PrimeNg turbotable。一切正常。但我想用一些默认的过滤器值加载数据说:我想用记录的用户 ID加载数据。我正在使用 [(ngModel)] 动态设置文本过滤器或 Dropdwon 过滤器的值。但是我没有看到 TurboTable 事件的过滤器有任何变化。一切都是空的。

我在下面尝试过,但在尝试的ngModel值中没有运气而不是$event.value

0 投票
2 回答
4988 浏览

angular - primeNg 升级是否需要 Angular 升级?

我打算使用包含在5.x.

现在,我们正在4.3我们的项目中使用版本。当我将primeng升级到最新版本时,我遇到了很多问题。谷歌中的许多答案建议相应地升级 Angular 版本。

我想确认 primeNg 的升级是否也需要 Angular 的升级?

0 投票
2 回答
2856 浏览

angular - Angular `ng-content` 在 primeNg 表中没有按预期工作

我想创建一个可重用的表格组件,它使用 primeNg 来呈现 ui。我为此创建了一个table.component.html.ts。现在我想为表格呈现内容,这些内容将是表格标题(th)和表格正文(body)。

为此,我正在编写thtbody实现表格的内容,并尝试table.component.html使用<ng-content></ng-content>. 但是表格没有显示。

我尝试直接添加thand并显示表格。不应该因为内容具有相同的 html 而做同样的事情?tbodytable.component.htmlng-content

这是带有示例的片段的链接。检查table.component.html共享目录下。并app.component.html为最初的开始。注释该ng-content行并取消注释其余行table.component.html,您应该会看到该表。 https://stackblitz.com/edit/angular-playground-kwudxn?file=app%2Fshared%2Ftable%2Ftable.component.html

0 投票
2 回答
533 浏览

angular - PrimeNG turbo 表单个单元格操作与 observable

我在我的 turbo 表中使用异步管道来显示来自 firestore 集合的文档。

文档中的一个字段被调用providerName,并且没有保存实际的提供者名称,而是保存了提供者 firebase id(嵌套对象)。这样,每当实际提供者对象更改(编辑操作)时,我将在原始文档中拥有正确的名称

目前我的primeng p-table显示提供者ID,所以我编写了以下代码来操作它

这是template.html代码

在我的组件中,我有以下 getName() 的实现

serviceProviders表格被一个可观察的填充时,它是空的,所以我的问题来了。

如何让数据表知道它serviceProviders已准备好然后调用该getName函数?

0 投票
1 回答
2944 浏览

angular - PrimeNG p-table 动态字幕

我是 Angular7 和 PrimeNG 的新手。我不知道如何将表格标题作为变量传递:

或如何ngTemplate='caption'在 ngOnInit 组件方法上插入动态(或其他模板)。

0 投票
0 回答
116 浏览

primeng - Turbo表:如何在PrimeNG表中显示数据?数据值可能包含 Json 对象或 Array

我可以显示如下 在此处输入图像描述如何在 PrimeNG turbo 表中显示数据?Json 数据值可能包含 Json 对象或数组。我想以正确的格式显示。在这里,我通过 REST API 调用接收数据,键是字符串,但不确定是哪种数据类型值。

例如:JSON 数据是

注意:我们从rest api动态接收JSON数据

在此处输入图像描述 输出应如附件截图

请帮我解决这个问题,谢谢

0 投票
0 回答
142 浏览

angular - PrimeNg TurboTable 将表格划分为单个组件

有谁知道如何在涡轮表中使用自定义角度组件?我的意思是我的正文,标题部分开始增长,并且变得非常难以阅读。当我尝试替换 ng-template 标题或正文中的内容时,我失去了所有样式。它仅显示列名,但未应用 css。有人可以帮我吗?

0 投票
1 回答
3992 浏览

angular - 如何自定义 PrimeNG TurboTable 分页器?

我在 Angular 6 中使用 PrimeNG TurboTable。

这是html

这是component.ts

PrimeNG 表显示它的默认分页器。但我想让它漂亮。

我怎样才能做到这一点?请帮我。

0 投票
1 回答
2135 浏览

angular - 角 PrimeNG || 无法自动调整表格水平和垂直的列宽

我使用 PrimeNG 创建了水平和垂直可滚动表的 p 表。它包含更多的行和列。

在这里,我面临着无法自动调整列宽而不是硬编码宽度的挑战。

下面是代码。

在这里,所有列都是动态的,并且大多数时候有超过 100 种不同类型的列名。例如:列名称如

此外,我们需要包装包含较少文本的列,例如:ID 列 在此处输入图像描述

我需要通过垂直和水平滚动来实现这一点。你能帮我解决这个问题吗?

感谢你的帮助!!!