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

css - 如何在primeng的冻结和解冻列表中设置列的不同样式和宽度

我目前正在使用具有冻结列功能的 PrimeNG 表控件。

一切正常,我能够获得冻结列,但现在我想修改我在下面属性中使用的冻结和解冻列样式以及列的自定义宽度。

代码:

输出 : 在此处输入图像描述

通过使用宽度,我可以实现列的宽度,但是对于前 2 列,冻结和解冻列表都会自动为所有 2 列采用相同的宽度我想在冻结和解冻列中分配不同大小的列.

是否可以为冻结和解冻列添加不同尺寸?

0 投票
1 回答
1416 浏览

angular - 在 Primeng 表的冻结和解冻表中重复的第一列

我正在做一个项目,我使用PrimeNg了具有冻结和解冻列属性的表,并且它在正常列创建中工作正常,*NgFor但是如果我添加新列而不*NgFor在冻结和解冻表中重复。

如何克服这个问题,因为我只希望该列在冻结列上而不是在解冻列上。

我的代码:

列重复问题:

在此处输入图像描述

如何克服这个问题?

如果可能的话,请指导我PrimeNg

0 投票
1 回答
143 浏览

angular6 - 如果能够在primeng table 中同时使用Frozen Rows 和paginator

如果有可能在primeng table 上使用Frozen Rows 和Paginator,我是primeng 的新手。如果可能意味着可以告诉如何使用分页器处理表数据(即,如果我们修复了第一页 5 条记录,那么只有 5 条将显示,然后在分页的帮助下显示下 5 条)。

0 投票
1 回答
3600 浏览

angular - 如何使用多选在 primeNg p-table 中的数组内搜索?

我有像数组一样的数据点。所以我试图搜索数组中的值,但它在primeng中不起作用

在组件文件中,我有以下部分代码,

html是

我能够搜索该Name字段,但我无法搜索该Skills字段。因为它包含数组值。

堆栈闪电战

0 投票
0 回答
572 浏览

angular - Angular 6:在表格中呈现嵌套的 JSON

我有一个嵌套的 JSON 结构,需要在表中表示。结构是:

我正在使用pringngp-table。我需要有如下的表格前景:

示例表布局

任何人都可以分享他们在渲染嵌套 json 方面的经验。

我已经在 div 中尝试过嵌套表和嵌套循环,但是布局搞砸了。

带有 p-table(primeng) 的示例代码:

输出:

Primeng 的输出

带有 mdbBootstrap 的 mdbTable 示例:

输出:

MdbBootstrap 的输出 如果有人可以分享他们的想法,那就太好了。如果需要,我愿意切换到任何其他图书馆。

0 投票
1 回答
1220 浏览

angular - 使用角度为 7 的primeng 表时出错

我正在尝试将primeng-table与angular7一起使用。但是在集成它之后,我收到以下错误:-

Uncaught TypeError: Object(...) is not a function at platform.es5.js:102 at Module../node_modules/@angular/cdk/esm5/platform.es5.js (platform.es5.js:104) at webpack_require (bootstrap:78) 在 Module../node_modules/@angular/cdk/esm5/scrolling.es5.js (scrolling.es5.js:1) 在webpack_require (bootstrap:78) 在 Object../node_modules/primeng/ components/dropdown/dropdown.js (dropdown.js:12) 在webpack_require (bootstrap:78) 在 Object../node_modules/primeng/components/paginator/paginator.js (paginator.js:15) 在webpack_require (bootstrap:78 ) ) 在 Object../node_modules/primeng/components/datagrid/datagrid.js (datagrid.js:15)

.html 文件

组件文件

你可以在这里找到完整的代码 -代码

谁能告诉我我做错了什么?

谢谢!

0 投票
0 回答
410 浏览

angular - 更改第一个属性时,PrimeNg 表延迟加载未触发

我正在使用 PrimeNg p-table。我需要转到最后一页,为此我要更改第一个属性。页面在分页器链接中发生变化,但延迟加载没有触发,因此,我无法获取该页面的数据。

为什么延迟加载不触发?任何帮助将不胜感激。:)

0 投票
2 回答
819 浏览

primeng - PrimeNG 表空行

有没有办法在 PrimeNG 表中创建一个空行?当所有行都充满数据时,行数会缩小,但我希望始终可见 6 行。如果没有可用的数据,那么它们应该是空的。

0 投票
1 回答
1052 浏览

primeng - primeng p表值变化事件

当primeng p表上的任何可编辑单元格值发生更改时,我正在尝试调用该方法。我尝试使用 onEditComplete 事件,但它只会在我编辑单元格并按 Enter 时触发。当我编辑单元格并移出鼠标时,它不会触发。谁能建议我应该在这里添加的正确事件是什么?

0 投票
2 回答
2589 浏览

angular - 单击下载时如何更改primeng中的导出csv名称?

让我们考虑下面是angular的prime ng表:

我使用primeng列出记录并下载csv。

什么时候,我们点击导出按钮。它正在以“下载”名称下载 csv。我们怎样才能换成别的东西?