问题标签 [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 回答
8128 浏览

primeng - PrimeNG TurboTable:dataKey 需要是列吗?

p-table 上的 dataKey 属性是否需要定义为列,或者它只是需要成为 [value] 数组中对象的属性?如果它需要是一个列,这个列是否需要可见?

0 投票
1 回答
2605 浏览

input - 在 PrimeNG turbotable 中使用下拉菜单作为输入模板

我正在使用 PrimeNG TurboTable,我想将p-dropdown组件集成到 PrimeNG Turbotable 中的输入模板中。问题是当我使用以下代码时,无法将所选元素分配给值表。

0 投票
0 回答
5179 浏览

angular - Angular PrimeNG 以编程方式排序和分页

在我的 Angular 5 项目中,我有一个 PrimeNG 表,我想从 url 加载分页参数,例如:http://.... tickets?first=10&sortField=exitDate&sortOrder=1

问题是当我刷新页面时,我看不到正确的 sortIcon 和正确的分页器。

component.ts onInit 中,我将 url 中的所有参数加载到一个数组中:

然后我将参数放入事件中

这是table.html

事件是这样初始化的,第一次加载表格时,我看到了正确的分页和排序:

但是当我改变分页event.sortOrder并尝试刷新页面时,我看到了正确的事件,但没有看到正确的排序图标/分页器

=============================更新===================== ========= https://stackblitz.com/edit/angular-4qz1ye?file=app%2Fapp.component.ts 我需要使用代码中的参数以编程方式重新排序此表(不点击进入表)有可能吗?

0 投票
0 回答
454 浏览

angular - 在 TurboTable 中以编程方式启动编辑模式

目前 PrimeNG 中的 TurboTable 能够通过pEditableColumn在表格单元格中添加指令并使用p-cellEditor创建合适的模板来预览和编辑视图来启用编辑模式。

默认情况下,进入编辑模式的唯一方法是单击。有没有以编程方式启动编辑模式的选项?

我想更改编辑模式的行为 - 我想通过双击而不是单击来启动编辑模式。

0 投票
4 回答
18277 浏览

angular - primeng turbotable 列通过滚动自动调整大小

我正在使用涡轮表并想要以下内容:

  • 让所有列根据内容自动调整大小。
  • 让表格本身水平填充屏幕,例如不手动指定宽度
  • 当自动调整大小的列需要的空间超过表格宽度可以提供的空间时,让表格水平滚动,而无需手动指定任何列宽,以及在添加带有列切换的新列时。

从我得到的 turboable 示例中:

但我不想使用

这是一个plnkr

0 投票
2 回答
4244 浏览

angular - 在 PrimeNG Turbo 表中过滤复杂对象

假设我有一张桌子,我正在拉入一份客户名单。也许其中一个参数是包含城市、州、邮编等参数的地址对象。我可以很容易地使这些值中的任何一个出现在表中(例如 client.address.city),但是因为它们是地址对象的一部分,所以我我无法按这些值过滤或排序。

这是目前 Material 2 提供的用于扁平化数据的功能,使用户能够过滤/排序。

我怎样才能用primeng的涡轮表实现这样的目标?

0 投票
1 回答
3264 浏览

angular - 自动布局在 PrimeNG TurboTable 中不起作用

我无法让 autoLayout 在 PrimeNG 的新 TurboTable 中工作。无论内容和浏览器宽度如何,所有列的宽度都相同。

我也试过[autoLayout]="true"autoLayout="true"。两者都不起作用。

我正在使用最新的 PrimeNG 版本(5.2.4)

这是我的html:

0 投票
1 回答
724 浏览

html - PrimeNG Turbotable customSort 属性错误

我正在使用 PrimeNG turbotable 在我的 Angular 应用程序中创建表格。我想按选定的列名排序。但我正在使用服务器端排序。所以我只想传递排序顺序和排序列等参数。我进行了很多研究,并在https://www.primefaces.org/primeng/#/table/sort上找到了自定义排序功能。我正在尝试将其嵌入到我的代码中,但出现以下错误:

错误:模板解析错误:无法绑定到“customSort”,因为它不是“p-table”的已知属性。

我知道这个错误的含义,但是 turbotablecustomSort在官方网站上列出了布尔属性。

代码:

任何帮助,将不胜感激。

0 投票
1 回答
3701 浏览

html - PrimeNG在国际资源管理器中刷新后图标未显示 (IE7,11)

在几乎所有 IE 浏览器版本中刷新后,PrimeNG 和图标都没有显示。

但是在本地,当我使用相同的 IE 时它工作正常。但是在生产环境中,我收到了这个错误,如下图所示:

图像可能不会显示为某些限制,但表中的图标如

之前指的是

刷新后

PrimeNG也发生了同样的事情,icone也消失了

在此处输入图像描述

0 投票
2 回答
2008 浏览

angular - 排序时 PrimeNG turbo 表模板错误

我正在尝试通过使用在 turbo 表元素中注入标题ngTemplateOutlet模板,如以下代码片段所示:

可以在这里看到前面提到的带有排序的标题模板:

页面加载后,会抛出以下错误:

这是一个有效的StackBlitz 示例

由于在 an 中使用模板标题ngTemplateOutlet是我的用例的要求,所以我想指出我在这里做错了什么?

谢谢 !