问题标签 [p-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 投票
0 回答
91 浏览

angular6 - 当排序模式设置为多个 [Primeng] 时,lazyLoadOnInit p-table 属性不起作用

Angular 版本:6,primeng 版本:6.1.3

Primeng p-table排序模式单一然后lazyLoadOnInit false不调用loadList函数(工作正常)

排序模式多个然后lazyLoadOnInit false 调用loadList 函数(不按预期工作)

有什么解决办法吗?

0 投票
1 回答
537 浏览

angular - Prime ng 表在第一次更改时未更新

我有一个主要的商店表,我可以在其中删除商店并将其添加到列表中。

行为:当添加商店时,ChildComponent会发出一个事件ParentComponent,然后将商店添加到列表中并更新输入的可观察对象,ChildComponent以便商店不再出现在表中。

问题:上述行为正常工作,除非表格被过滤,然后在添加商店时表格没有更新,即使我可以看到表格数组已在组件中正确更新。但是,当添加另一个商店(在同一个过滤表中)时,它工作正常,然后两个商店都从表中删除。

该表是纯组件(子)的一部分:

带有 update 方法的父组件:

这是 childComponent 中的表:

请让我知道是否有任何想法为什么这不适用于第一次添加。谢谢你。

0 投票
1 回答
273 浏览

angular11 - 当主题更改为ngx-admin angular中的深色主题时如何更改p表背景颜色

我正在使用 ngx-admin 模板和我的表。我不使用 ng2-smart-table。我试图将整个页面更改为深色主题。除表格外,整页更改为暗模式。桌子仍然是白色的。当主题更改为深色主题时,如何将表格颜色更改为深色主题。我附上我的问题的屏幕截图。 黑暗主题p-table截图

我需要桌子也必须改变黑暗的主题。我能怎么做?

0 投票
0 回答
23 浏览

angular6 - 在某些情况下,p-table 过滤器不适用于“包含”

p-table的全局过滤器有问题?我有一些记录,当我搜索“test.txt”(全名)时,它会正确过滤,但如果我搜索“test”,它不会过滤内容,而是包含一些没有匹配搜索词的记录。

我的代码:

0 投票
0 回答
88 浏览

css - Primeng p-table 边界半径不适用

我可以使用 tableStyleClass 将边框应用于 p 表,但不能使用边框半径。知道为什么吗?

0 投票
1 回答
208 浏览

angular - Filling a PrimeNG table with an array

I'm new to Angular and PrimeNG and currently I'm stuck trying to fill a table. There are not errors in the console so probably I'm just missing stuff, but I can't figure out what. Here is the code:

In the component.ts

In the component.html

I simply want to fill the p-table with a hardcoded array of tasks (probably not the best practice, but I'm just testing for now and I need to make this work).

Thanks in advance!

0 投票
0 回答
30 浏览

angular - P-table 没有正确排序带点的数字(版本号)

我正在使用 Angular 12,但我有一个问题p-table,我不知道如何解决,因为在某些示例中它可以正常工作 - 在某些示例中它没有。

项目列表的工作示例: item1:V3 item2:V2.5 item3:V2.0 item4:V1.5

不起作用时的示例: item1: V1.5 item2: V1.3 item3: V1.0

因此,从示例中我们可以看出,它不仅在所有项目以相同数字 V1.. 开头的情况下工作,而是在起始值不同时,它正常工作-排序。

0 投票
1 回答
288 浏览

javascript - 显示图标角度组件(primeng-table)

我有一个要实现的功能,我从 API 获取数据并使用它在 a 中显示它,现在我的要求是在相应行包含布尔值的列之一中显示一个刻度值前任。一行有 6 列,其中一列是布尔值,所以如果值为 true,我必须在列中显示刻度,否则不显示。我希望你明白这个问题。

我有一个名为 standardTable.component.ts 的共享组件,我将 colDef、rowData 和其他可配置数据等数据传递给该组件。我当前正在更改的组件称为 job-list-view.component.ts 列定义如下

我已经为 Back Order 添加了最后一个 col 定义,因为我想为那些 isBackOrder 为 true 的行的值显示一个刻度线。有没有办法我可以做到这一点?由于标准表是一个共享组件,因此我无法对此进行太多更改。任何帮助,将不胜感激!

0 投票
0 回答
36 浏览

angular - 如何删除 PrimeNG Angular 中“frozenbody”下方的额外空间?

我不知道如何删除仅添加到 p-table 中“frozenbody”底部的额外空间。任何建议都会很棒!

https://stackblitz.com/edit/github-xyzuql?file=src/app/app.component.html

截屏

0 投票
0 回答
7 浏览

css - 工具包覆盖文本在 Angular primeng 的 p 表中被截断

这是用于工具包的样式

用于获取悬停文本的代码 *这是在表格内

我尝试使用溢出:可见它仍然无法正常工作。我可以解决这个问题吗?