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

primeng - PrimeNG 表响应式定制

PrimeNG 表响应具有堆叠或优先排序的默认外观。是否可以使用其他模板自定义堆叠外观?

提前致谢

0 投票
0 回答
420 浏览

angular5 - 如何在 p 列 PrimeNG 表中显示组?

以上是对象的 JSON 数组,我想在每种类型都需要空白行之后,通过在 PrimeNG 中分组来对表中的行数据进行分组。

0 投票
1 回答
5887 浏览

angular - PrimeNg Turbo Table p-table 延迟加载滚动事件

我正在实施 primeNG turbo 表。我能够实现它,但是在实现延迟加载的同时。我无法获得滚动事件。如何在我的方法中获取滚动事件。以下是我尝试过的。

获取延迟加载事件的方法。

我能够获取排序、过滤、全局搜索事件,但我无法获取滚动事件。我想获取事件并调用我的服务来获取分页数据。

谢谢。

0 投票
2 回答
3869 浏览

angular5 - PrimeNg TurboTable colgroup 动态 colspan

如何将变量分配给primeng TurboTable ColGroup colspan 属性。

在上面的示例中,我想将 colSpanCount 变量绑定到 p-table 的 colspan 属性。

0 投票
0 回答
5633 浏览

angular5 - 在 PrimeNG p-table 'Column Resize' with Frozen Columns

当使用没有冻结列的列调整大小 时,它会改变我们拉伸的列的宽度,但是当我们添加冻结列并且如果尝试拉伸第一个未冻结列时,它正在扩展冻结列的宽度。使用 Angular 5.2.0 和PrimeNG 5.2.0 .

要求的代码结构如下图:

(关于表格的额外信息)在下面的代码中::

第一列是标题标签

搜索第二

第一个列是用于选择行的复选框

尝试使用更新的 PrimeNG 5.2.7。将 [pResizableColumnDisabled]="true" 添加到冻结列

相关链接: https ://www.primefaces.org/primeng/#/table/scroll

0 投票
1 回答
834 浏览

css - PrimeNG 中带有样式的 Turbo 表

我正在使用涡轮表来显示数据。但我没有得到表格的边框。我从 CLI 安装了 PrimeNG,并在angular-cli.json的样式部分中导入了主题。

0 投票
2 回答
3626 浏览

primeng - PrimeNG v5.2.4 p-table 全局过滤器不起作用

我以前使用过 p-datatable 并且全局过滤器有效。但是,当我更改为 p-table 时,全局过滤器模板显示得很好,但输入框不可点击。

这是代码

标题:

和一个身体样本:

一切正常,包括列过滤器。我到处搜索解决方案,发现大部分问题是因为 PrimeNG 版本不是最新的,但我的版本已更新。任何想法?

0 投票
1 回答
10863 浏览

html - Angular5 - PrimeNG - p-table 组件分页器选择的选项卡重置为数据重新加载时的第一个选项卡

PrimeNG, p-table组件,当数据重新加载时,表格重置为第一个分页器选项卡。

在此处输入图像描述

重新加载数据时,是否有任何方法可以阻止该行为并使分页器保留在同一选定选项卡中(例如 2 或 4 或 5 等)?

我通过在循环中使用 setTimeout() 调用 RestAPI 每 10 秒重新加载一次数据,直到它停留在该页面上。

HTML

参考:https ://www.primefaces.org/primeng/#/table

不确定此行为是否与上述链接的“更改检测”部分中的给定解释有关。

更新:- 这个问题实际上是由导致始终显示第一个选项卡的属性sortField="Id"引起的。删除后工作正常。

0 投票
1 回答
1127 浏览

angular - PrimeNG pResizableColumn 指令

使用 PrimeNG 5.2.5 似乎存在可调整大小列的问题。如果我想要打开和关闭该功能的能力,您不能因为添加到模板中的 pResizableColumn 指令。即使您设置了 p-table [resizableColumns]="false",由于 pResizableColumn 指令,调整大小句柄仍会显示。有没有办法在 Angular 5 中轻松切换指令属性?

基本上我想要这个:

成为:

通过切换变量?有没有一种好方法可以做到这一点,而无需重复该块并向其添加 *ngIf ?

0 投票
0 回答
430 浏览

primeng - PrimeNG 表未应用任何样式

未应用基本样式。尝试了多种方式来应用样式。添加primeng-min.css、omega等,没有帮助。

数据以表格格式加载,没有样式。