问题标签 [primeng-table]

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

angular - 使用primeNG和dataTable进行CSV导出的嵌套json对象

我们有一个嵌套 JSON 对象,用于对象导出 CSV 的平面级别的 json 正在工作,但对于嵌套对象它不工作(站点对象)

对于这个实现,我们使用了 PrimeNg 库:

以下是json响应:

CSV 必须像以下格式一样导出:

在此处输入图像描述

假设在站点对象中有第 n 个对象,那么在 csv 导出时需要添加这些站点 ID 和站点名称。

我们正在使用 primeNg 表。

0 投票
2 回答
770 浏览

angular - 当我使用它来隐藏表格列时,如何在多选 PrimeNG 中保持顺序?

我正在使用 multiselect PrimeNG 来显示或隐藏我的 ptable 的列,它可以很好地隐藏列,但是当我将它们显示回来时,它们会出现并附加到表格的最后一个,所以这会破坏表格列的顺序,因为我认为多选创建一个列数组以显示或隐藏它在隐藏时弹出并添加回数组,因此它终于出现了。

0 投票
1 回答
61 浏览

angular - 确认对话框接受不更新表

我有一张表,它的值来自tablesValue.

我需要支持“删除用户可以在桌面上进行的所有更改”。所以一开始我复制tablesValuetablesValueBackup. 当用户单击按钮时,我会显示一个对话框:

在 ts 中,我这样做:

为什么当我单击确认按钮中的接受按钮时,表格未在 UI 中更新,但在console.log其中打印正确的值?

0 投票
1 回答
2212 浏览

angular - Angular - 使用 PrimeNg 表进行 Jasmine 测试 - 无法验证单元测试中的行数

我正在尝试为使用 PrimeNG 表的角度组件创建单元测试。它在浏览器中使用ng serve按预期工作,但在 Jasmine 测试中我无法获得表格的呈现 HTML。当我检查标记时,它只包含以下行:

<p-table class="testtable"><!--container--><!--container--></p-table>

我创建了一个只有静态数据的新组件来重现该问题:

这是测试(“应该渲染表”):

目前我正在使用 Angular 9.0.6 和 PrimeNG 9.0.0。

我已经尝试了不同的其他方法,例如在 createComponent 之后使用 compileComponent 或使用异步辅助函数进行测试,但完全没有运气。此外,我在 PrimeFaces 论坛上问过同样的问题,但现在一周没有得到回复。

任何帮助将不胜感激!

0 投票
1 回答
238 浏览

angular - 为什么 PrimeNg pSortableColumn 没有容器项目的点击事件?

我使用了 Primng Table 组件并使用了 pSortableColumn,以便它引发事件以对表进行排序。在 TH 里面我有一个组件,它有标题文本和一个图标来表示它是 asc 或 desc 顺序。

问题是当我单击 TH 的背景时它可以工作,但是当我单击组件的任何元素时它不会注册事件。

pSortableColumn 点击区域

表格组件位于我们自己的公司搜索组件中,但它可以在示例网站上运行(我们在发送到 NPM 之前开发组件时使用该组件)。

但似乎当我部署到一个真实的应用程序时,它的行为似乎有所不同。

我不确定我是否缺少参考,但我没有警告。有没有人见过这种行为?

0 投票
1 回答
596 浏览

angular - p-table 标题没有在后续 p-tabview 上正确重置排序

我有一组固定标题“标签”,它们将作为选项卡标题动态填充。然后我有一个对象数组“数据”,它将在每个选项卡中循环以查看它是否匹配,如果匹配,将填充表。请在下面找到我的代码的简单摘要:

我的重置功能:

使用 pSortableColumn 和 p-sortIcon 的排序、升序和降序没有问题。

当我切换到其他选项卡并返回时,我想重置表格上的排序。但是,排序仅在第一个选项卡的表上被重置,而不是在后续选项卡上。有没有人有这方面的经验?或者也许指出我可能做错了什么?

问题解决如下:

0 投票
2 回答
3515 浏览

html - PrimeNG p-table:重置表格过滤器时如何清除 p-dropdown 过滤器值?

我使用 PrimeNGp-table的标题行同时具有input和过滤器,并且在调用表上的方法时p-dropdown需要清除 和 的过滤器值。input p-dropdown.reset()

正如其他人指出的那样(https://stackoverflow.com/a/51402834/5764320),您可以[value]input元素上使用,但似乎没有办法清除任何非input过滤器值。

如何重置p-dropdown(和其他非input过滤器类型)的过滤器值?

0 投票
1 回答
612 浏览

header - 启用滚动后如何以角度对齐未对齐的 p 表标题?

我有一个带有身体的 p 表。在启用滚动之前,标题和正文中的复选框以及其他标题对齐是完美的。但是在将[scrollable]=trueand添加scrollHeight="200px"到 p-table 标记之后,标题与行不对齐。

以下是我的 p-table 代码:

有人可以帮我将标题与其行对齐吗?提前致谢

0 投票
1 回答
379 浏览

angular - 9.0.6 版中缺少 PrimeNG 分页方法

我通过以下方式声明一个带有分页器的表:

在代码中,当我们使用 PrimeNG 控件的 v4 时,我可以通过执行以下操作来重置正在查看的页面:

现在在当前版本中,分页方法似乎已被删除,没有替代品。如何手动设置页面?

0 投票
1 回答
208 浏览

angular - 我们如何将嵌套对象传递给 PrimeNG 动态表

我有嵌套对象,我想传递给 PrimeNG 动态表,但它看起来没有发生。无论我在哪里嵌套对象,我都会像往常一样传递它,但不会发生。

PrimeNG 是否需要遵循任何特定规则

.html

.ts

.JSON