问题标签 [primeng-turbotable]

我想要primeng p-table https://primefaces.org/primeng/#/table/colgroup中的动态行跨度列

我试过这个：

但这只允许我 2 级行跨度：

我怎样才能有另一个级别的标题？

意味着如图所示标题 - 股票，子标题 - SA，MA，A，U。
所以 SA 也有子标题

我在 Angular 5 项目中使用 PrimeNG 组件。在我的登陆中，我有调整列大小和过滤器（弹出）等要求。

弹出窗口在不使用调整大小列类的情况下正确显示在表格上 pResizableColumn。但是当我使用调整大小列类时，弹出窗口仅限于该标题列，其余部分隐藏它，因为那pResizableColumn是使用相对位置。

我想显示带有列调整大小功能的弹出窗口，如果有人知道请帮助我。

下面的图片清楚地显示了。

弹出显示正确

当我使用调整列大小时弹出隐藏

文件.html

组件.ts

样式.css

我对PrimeNG 表非常陌生，我尝试将嵌套的 json 文档加载到表中，但我无法访问嵌套数组的数据。

我能够在 p-table 中加载 flatten json但在嵌套 json unbale 中加载嵌套数据

EX：{ field: "address", header: "Address ", title: "Person Address" } 对于此代码，我在地址列中获取[object, object]

我也尝试过像字段一样索引address[0].id但没有得到

这个从 API 获取的 json 样本数据

输入脚本代码

我在 Angular 7 应用程序上使用 PrimeNG TurboTable 组件，并且有一个按钮可以向其中添加新行。问题是，当添加新行时，用户必须向下滚动到表格底部才能开始编辑它。我怎么能滚动到它？

这就是我在模板中定义表格的方式：

这是“添加选项”处理程序：

有任何想法吗？谢谢！

我的项目使用 Angular 5 和 Primeng V5。我有一个p-table动态列，它应该是可滚动的。我尝试了以下 CSS 更改，但仍然无法使其可滚动，正在应用 css 但无法使列可滚动。谁能指导我如何做到这一点？

引用的 CSS：具有水平滚动的 HTML 表格（第一列已修复）

在上面的代码中，我必须使其class="scrollable-td"可以滚动并且class="fixed-td"应该被修复

使用primeng turbo表扩展添加两级行扩展的好方法是什么？

我已经尝试过思考如何做到这一点，因为它似乎不是开箱即用的。

下面的行组只有一个行扩展模板。我希望它看起来像网站上的第一个选项（此处），但在数据下方还有另一个切换行（两个级别）

对于 PrimeNG Turbo Table，是否可以仅在单击排序图标时触发排序？

现在，只要我单击标题单元格中的任何位置，它就会触发。我想在单击图标时触发。

我在想这可能在图标级别的某个地方使用 StopPropogation() 是可能的......但这可能会停止整个排序

https://www.primefaces.org/primeng/#/table/sort

我希望 TurboTable 占据整个父级的高度（并在调整父级大小时调整大小），因此只有表的内容是可滚动的，并且没有滚动条添加到父级组件。

我已经尝试设置 scrollHeight="100%"，但这不能按预期工作：https ://stackblitz.com/edit/angular-d9narm 。

有任何想法吗？

更新：正如@phucnh 更正的那样，我应该使用 scrollHeight="calc(100% - 200px)" 来补偿我的填充。我现在更新了我的 stackblitz 以反映这一点。当窗口第一次加载时，这非常有效，但如果你尝试改变它的高度，桌子的高度不会改变。

使用 p-treeTable 我可以根据 selectionMode = "single" 启用所有行的选择。现在我想禁用不打算选择的行的选择。

PrimeNG 7，角度 7。

如果我删除[ttRow]="rowNode" [ttSelectableRow]="rowNode"tr 的正文模板，则所有行都不可选。

现在我需要根据行数据进行检查，例如rowData.selectable', to enable/disable row selection based on the outcome ofrowData.selectable`。任何想法如何实现这一目标？

我的数据源提供以下格式的 json 数据文件。

主题.json

这是用于读取数据文件的接口类。

主题模型.ts

和组件文件

主题组件.ts

出于 UI 设计的原因，我需要在浏览器中将主题代码和主题标题显示为单列。如果我使用静态列，这很容易完成。

带有静态列的 subject.component.html

但是，当我尝试对动态列执行相同操作时，我找不到使用动态列使用的 {{rowData[col.field]}} 参数的方法，而且我找不到任何关于如何做的提及它在 PrimeNG 文档中。

修改了 subject.component.ts 以使用动态列

使用动态列修改了 subject.component.html

如何使用动态列将界面中的主题代码和标题连接到 p 表中的单个列中？