问题标签 [primeng-datatable]

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

primeng - PrimeNG 数据表全局过滤器限制

有没有办法限制 globalFilter 搜索中的某些字段?

在我的代码中,我有一个包含多列的数据表,其中一些列是时间戳、createTime、endTime、modificationTime。

我使用这样的模板:

以可读的格式显示它。

但是当我在 globalFilter 中搜索时,我会得到关于时间戳而不是显示格式的结果。我可以忽略 globalFilter 搜索中的那些字段吗?(我不能在绑定之前进行格式化,这样排序会出错)。

谢谢

0 投票
0 回答
1180 浏览

angular - 启用可滚动=“真”时,p-multiselect 弹出窗口在primeng数据表中不可见

使用 scrollable="true" 时,primeng p-multiselect 过滤器弹出窗口在primeng 数据表中不可见。如果我删除 scrollable="true" 它在primeng数据表中工作正常。请参阅以下代码以供参考

.html

.ts

0 投票
0 回答
2196 浏览

angular - 使用Angular4(Primeng数据表)从Click事件的特定选项卡转到另一个选项卡

我正在使用 Angular4 创建一个应用程序,在该应用程序中,我需要使用选项卡内的按钮单击事件在选项卡之间导航。Primeng 数据表单击事件导航到另一个选项卡。

tabsSample.html

零件

tab1.html

0 投票
1 回答
4247 浏览

angular - 尽管模型发生了变化,Angular4 PrimeNG 数据表仍未更新

我从数据服务得到一个可观察的返回到 Web api,它返回一个数组并正确填充父组件中的数据表。我通过@Input 将用于填充数据表的数组传递给子组件。单击父组件上的一行时,我会显示一个使用表单编辑单行的模式。当点击模态框上的保存按钮时,行信息被发送到子组件,该子组件调用服务器并正确更新信息。服务器返回更新后的对象,然后将其拼接到@Input 数组中。数据表永远不会更新,尽管我可以看到模型数组的更改确实发生了,并且 Angular 使用 Augury 检测到了这些更改。我尝试使用 NgZone、NgOnChanges 和 setter/getter 来强制更新数组,但无济于事。我在另一个项目中有完全相同的代码,它按预期工作。我不确定我在这里缺少什么。

父模板

父组件

子模板

子组件

0 投票
0 回答
82 浏览

angular - PrimeNG DataTable - 数据表模型更新但丢失当前选择

我有一个绑定到模型的 DataTable,该模型通过轮询我的 api 每 10 秒刷新一次。数据刷新得很好,但我有一个与选择相关的错误。

如果我选择了一行或多行,它将在刷新数据时保持选中状态。但是,如果我还打开一个primeng 对话框,则dataTable 会更改并且不再选择该行。

当我检查我的数据时[selection],甚至在 dataTable 的选择属性(通过@ViewChild())中,该行仍然被选中,但它不会反映在 UI 中。这会导致一些严重的数据跟踪问题。

0 投票
1 回答
15275 浏览

angular - 如何禁用primeng数据表中的复选框

我需要根据条件禁用primeng数据表中的几个复选框:

例如:

但这似乎不起作用。在primeng论坛上有相同的功能请求:https ://forum.primefaces.org/viewtopic.php?f=35&t=47101&p=155122&hilit=disable#p155122

有没有人为此做了黑客攻击?

0 投票
1 回答
446 浏览

angular - Angular 4 - PrimNG Datatable 检测到的错误

我在 Angular 4 或 PrimNG Datatables 模块中检测到了一个错误。

我有一个简单的看法:

和组件中的代码:

当我使用未注释的案例 1、2 或 3 运行此代码时,一切正常,但是当我尝试运行案例 4(与案例 1 相同但在服务解析之后)时 - prim ng 数据表似乎没有看到变化。在 Angular 2 中我没有这样的问题。你能解释一下这里发生了什么吗?:)

问候

0 投票
1 回答
1022 浏览

angular - 数据表中的 Primeng 选项过滤器不起作用?

选项过滤器仅在单词以选定字母开头时才有效

0 投票
2 回答
5081 浏览

angular - PrimeNG DataTable:更改单元格的类/样式

如何根据字段值向单元格添加类?

我知道如何将类添加到列中的所有单元格,但我需要<td>根据存储在中的值分别为单元格 ()赋予一个类status,因此列中的某些单元格将具有该类,而其他一些单元格将在同一列中惯于。

普朗克

已编辑:我知道如何为 中的 HTML 元素提供一个类<td>,但我想知道是否可以为<td>自身提供一个类。

0 投票
1 回答
2725 浏览

javascript - Primeng angular2 ng-模板

这是一个简单的问题,但我现在找不到 2 小时的答案。

这是我的代码

如您所见,我正在使用一个类(已停止,已编程,...)为 p 列中的 div 着色,但实际上我需要为 p 列本身着色,而不是其中的 div。

希望大家能帮帮我,谢谢。