问题标签 [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.
primeng - PrimeNG TurboTable:dataKey 需要是列吗?
p-table 上的 dataKey 属性是否需要定义为列,或者它只是需要成为 [value] 数组中对象的属性?如果它需要是一个列,这个列是否需要可见?
input - 在 PrimeNG turbotable 中使用下拉菜单作为输入模板
我正在使用 PrimeNG TurboTable,我想将p-dropdown
组件集成到 PrimeNG Turbotable 中的输入模板中。问题是当我使用以下代码时,无法将所选元素分配给值表。
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 我需要使用代码中的参数以编程方式重新排序此表(不点击进入表)有可能吗?
angular - 在 TurboTable 中以编程方式启动编辑模式
目前 PrimeNG 中的 TurboTable 能够通过pEditableColumn
在表格单元格中添加指令并使用p-cellEditor
创建合适的模板来预览和编辑视图来启用编辑模式。
默认情况下,进入编辑模式的唯一方法是单击。有没有以编程方式启动编辑模式的选项?
我想更改编辑模式的行为 - 我想通过双击而不是单击来启动编辑模式。
angular - primeng turbotable 列通过滚动自动调整大小
我正在使用涡轮表并想要以下内容:
- 让所有列根据内容自动调整大小。
- 让表格本身水平填充屏幕,例如不手动指定宽度
- 当自动调整大小的列需要的空间超过表格宽度可以提供的空间时,让表格水平滚动,而无需手动指定任何列宽,以及在添加带有列切换的新列时。
从我得到的 turboable 示例中:
但我不想使用
这是一个plnkr
angular - 在 PrimeNG Turbo 表中过滤复杂对象
假设我有一张桌子,我正在拉入一份客户名单。也许其中一个参数是包含城市、州、邮编等参数的地址对象。我可以很容易地使这些值中的任何一个出现在表中(例如 client.address.city),但是因为它们是地址对象的一部分,所以我我无法按这些值过滤或排序。
这是目前 Material 2 提供的用于扁平化数据的功能,使用户能够过滤/排序。
我怎样才能用primeng的涡轮表实现这样的目标?
angular - 自动布局在 PrimeNG TurboTable 中不起作用
我无法让 autoLayout 在 PrimeNG 的新 TurboTable 中工作。无论内容和浏览器宽度如何,所有列的宽度都相同。
我也试过[autoLayout]="true"
了autoLayout="true"
。两者都不起作用。
我正在使用最新的 PrimeNG 版本(5.2.4)
这是我的html:
html - PrimeNG Turbotable customSort 属性错误
我正在使用 PrimeNG turbotable 在我的 Angular 应用程序中创建表格。我想按选定的列名排序。但我正在使用服务器端排序。所以我只想传递排序顺序和排序列等参数。我进行了很多研究,并在https://www.primefaces.org/primeng/#/table/sort上找到了自定义排序功能。我正在尝试将其嵌入到我的代码中,但出现以下错误:
错误:模板解析错误:无法绑定到“customSort”,因为它不是“p-table”的已知属性。
我知道这个错误的含义,但是 turbotablecustomSort
在官方网站上列出了布尔属性。
代码:
任何帮助,将不胜感激。
angular - 排序时 PrimeNG turbo 表模板错误
我正在尝试通过使用在 turbo 表元素中注入标题ngTemplateOutlet
模板,如以下代码片段所示:
可以在这里看到前面提到的带有排序的标题模板:
页面加载后,会抛出以下错误:
这是一个有效的StackBlitz 示例
由于在 an 中使用模板标题ngTemplateOutlet
是我的用例的要求,所以我想指出我在这里做错了什么?
谢谢 !