问题标签 [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.
angular - 如何使用 colspan 在动态表中添加列?
我需要用 colspan 在表中添加列。
所以基本上有 4 个带有多个标题的表。我需要在最后两个标题的绿色、蓝色和粉红色复选框的基础上添加列。当用户选中任何复选框时,该列添加并且第一个标题 colspan 随相应列的增加而增加。
PLz,帮我解决这些问题。谢谢你
angular - 如何在 PrimeNG 表的页脚中显示汇总计算?
我正在寻找如何在 PrimeNG 末尾执行简单的汇总功能的时间p-table
。例如,如果我想对表的最后一行中的特定列进行总计,或者显示整数值的最小值,或者任何其他类似的汇总操作——对于当时表中可见的任何行。
Table
我已经尝试通过在组件中访问 PrimeNG 的对象本身来滚动自己:
@ViewChild('dt', { static: true }) private dt: Table;
然后通过查看该内容
console.table(this.dt)
在任何列过滤器中输入内容后,我就可以访问 的filteredValue
属性。this.dt
但我无法访问this.dt.value
or中的内容this.dt._value
。PrimeNG 的文档提到了“摘要部分”,但没有提供有关如何在该部分中执行摘要功能的指导:
困惑。
angular - 具有冻结列功能的复选框选择导致primeng表内的多个复选框列
我在我的角度项目中实现了 Primeng Table 的以下两个功能。
问题:当我冻结列时,复选框列同时出现在冻结列和可滚动列中。
要求的行为:应该总是有一个复选框列,无论一列是否被冻结。
这是该问题的 Stackblitz 最小再现。
https://stackblitz.com/edit/primeng-tableselection-demo-cs4wqw?file=src%2Fapp%2Fapp.component.ts
primeng - 需要使用 PrimeNG 框架显示宽表
我正在使用 Angular 和 PrimeNG UI 框架设计出勤仪表板。有一个用例,管理员必须选择一个时间段(通常为一个月)来显示工作/缺勤。
这是我修改为包含持续时间 https://stackblitz.com/edit/primeng-widetbl-sa1的表格示例?
我注意到由于“响应式设计”,它必须将所有内容都放入一个非常难看的页面宽度中。有没有办法启用单杠并且仍然与 PrimeNG 框架兼容?我们怎么能做到这一点?
angular - 分页器始终设置在第一页primeng
用户在研究加载表中的值后,可以使用分页来显示具有其他值的其他页面。问题是用户在表格末尾看到分页器,但是当点击进入下一页时,值没有更新。这是我的html
分页设置在第一页,当用户单击箭头转到下一页时,它不会更新。
所以我添加了这个 ( onPage
)
在 ts
theconsole.log(event)
永远不会被调用,所以该方法paginate
永远不会被调用。任何人都可以帮助我吗?
primeng - Primeng 9 Table,水平滚动问题
我正在尝试在primeng表中实现整页滚动,类似于在https://www.primefaces.org/primeng/v9-lts/#/table/scroll中给出的滚动。但我没有得到水平滚动条。甚至标题和列也未对齐,如下所示:
请指教。我的代码如下: -
我的项目中包含的 Prime ng 相关包:
typescript - 如何在表素数 Ng 中创建 virtualScroll 的单元测试
我无法在表中使用 lazayload 测试 virtualScroll
bodyRows 为空
谢谢
angular - 使用自定义日期过滤器过滤 PrimeNg 表抛出错误,说值未定义
我有 PrimeNg 表,其中显示了一些数据,包括日期,这是 .html 的相关部分:
这是我在 ngOnInit 中带有自定义过滤器的 .ts 组件:
但是,如果我尝试使用日历中的任何选定日期进行过滤,控制台中会弹出一个错误:
为什么ngOnInit FilterUtils中的值返回null?
angular - PrimeNG p-table:防止离开单元格
我在我的项目中使用 PrimeNG 及其组件 p-table。该表是可编辑的。因此,您可以单击单元格并直接编辑内容。如本例所示:https ://www.primefaces.org/primeng/showcase/#/table/edit
我使用这些事件对编辑做出反应:
我想达到的目标:
我有某些字段不能为空,即它们是强制性的。当用户完成编辑(通过单击其他地方)时,调用 onEditComplete。在那里我可以检查他是否输入了一个值,如果没有,就给他一个警告信息,这是强制性的。
现在我想阻止用户完成编辑,只要没有输入有效值。焦点应始终保留在单元格中。谁能给我一个关于如何实现这一目标的提示?