问题标签 [primeng-table]

我的primeng表在每一行都有按钮，只要我点击该按钮应该禁用的任何按钮。但是在我的代码中，单击一次按钮就会禁用所有按钮。请指导我如何仅禁用单击的按钮（我不希望按钮切换，禁用按钮的显示仅在页面刷新时启用）。到目前为止，我已经尝试过以下代码。

好的，所以我正在使用 PrimeNG 9 创建这个可重复使用的表。

除了 2 个因素外，这张桌子对我来说很好。

1. 当有 10 行时，只有 1 页。但是当我以编程方式将新行添加到行列表中时，第 11 项必须出现在分页器的第 2 页中，但新页面没有创建或显示在分页器 n 中，因此看不到。（PS-Row被添加到表的值列表中，但是没有创建页面来查看）
2. 当有 11 行，并且存在 2 页（10 + 1 行）并且第 11 项（第 2 页）被删除时，该页面不会被删除，我不知道如何以编程方式删除该页面。（PS-该项目已从表中删除。只是页面没有）。

在这两种情况下，table.reset() 都有效（table 是@viewchild），但页面排序、过滤器和其他配置都丢失了。

有没有一种方法可以控制分页器中页面的创建或删除，因为它不会自动发生？或者任何其他解决方法？

提前致谢。

得到了解决方案：

数组的更新应该发生在与表格相同的组件中，以便分页部分也重新渲染。在其他地方（服务或父组件）更新行数组数据不会触发分页器的更改。

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

我有一个要导出的多级嵌套数组。我只是想知道是否可以将嵌套的对象数组导出为新的 csv 行？目前，我必须输入“users.0.name”作为字段，以获取对象数组的数据，而不是 [Object Object]、[Object Object]、[Object Object]。我试图在 this.cols 上做一个循环，但它不起作用。我正在考虑创建另一条相同数据的记录，但只有一个用户，这样我就可以为每一行数据导出一个用户。这可能吗？先感谢您！

数据示例：

我正在使用PrimeNG12.0.1 及其表在我的Angular应用程序中显示数据。

我有单独@Component的包含<p-table>在 html 模板中。里面<p-table>有ng-templates 来显示表格部分，如,pTemplate="colgroup"等。pTemplate="header"pTemplate="body"

我想将这些部分移动到单独的文件中，以便能够在新的文件中重用它们，这些文件Component也将具有<p-table>. 如何实现将这些元素移动到其他文件（Component？）并拥有工作表？

下面是一些当前的代码片段：

https://www.primefaces.org/primeng/v6.1.7/#/table 我添加了三个 css 属性，以使头重复用于primeng表

html转pdf输出

但是上面输出中的问题是，底线出现在第二页之前，并且第一个背景颜色变白了，因为我在上面使用了行跨度。是否有任何解决方案可以在该行开始之前专门忽略分页符

我正在使用一个 p-table，它的“scrollable”设置为“true”，“scrollHeight”设置为“288px”。当表格的数据较少且高度仍然小于 288px 时，就会出现问题。当时显示的错误如下。

这是因为当表格高度小于 scrollHeight 时，'viewWrapperChild' 属性仍未定义。但是我的表格是动态的，因为我想要的数据有时会增加或减少影响表格高度，这需要我使用滚动功能。

如何避免出现此错误？

代码如下。

编辑：Angular 版本：12.2.12，Primeng 版本：12.2.2。

https://primefaces.org/primeng/showcase/#/table

首先，我希望表格在我的列“订单”上进行初始排序：它有效。

然后，用户可以自己手动更改另一列的排序（如“名称”）......

当用户点击“编辑”按钮时，他可以更改项目的顺序。
为了更好的用户体验和更好的逻辑，我想强制将列顺序重置为其初始形式：“顺序”。

app.component.html

app.component.ts

但是“重置”功能似乎在这里不起作用......（没有任何变化）
我忘记了什么吗？

谢谢您的帮助 ！

我想过滤通过p-table呈现的纯字符串数组。我知道如何通过各种方式在对象列表中应用过滤和自定义过滤，使用它们的列属性，但我确实没有找到过滤到纯字符串列表的示例

其中answers是字符串列表

我曾认为将我的答案对象从字符串数组转换为单个字符串属性对象数组作为解决方案，但我想知道是否有任何方法可以让它保持简单

这个问题在过去已经浮出水面（例如，p-table 的 Sticky header not working with [scrollable] = true in Primeng.?）虽然正如评论的评论所暗示的那样，我也经历过以前共享的解决方案不起作用

当我们通过 [scrollable]="true" primeng 应用某些样式时，据我所知，溢出自动应用于 p-datatable-wrapper 从而将垂直粘性样式绑定到该溢出，而不是在 tbody 上进行水平滚动并在页面上保持垂直滚动，以便粘性标题将绑定到页面的滚动。相当棘手...

这是一个简单的示例，它是测试两种场景的现成游乐场https://stackblitz.com/edit/primeng-tablescroll-demo-qm2ndu?file=src/app/app.component.ts

我已经尝试了一些明显的事情，比如移动溢出，但没有任何效果。在这一点上，我真的没有一个解决方案的想法，它不是硬编码很多逻辑来强制计算当我们在页面上滚动时不断设置标题的顶部属性以假装具有粘性标题，因为它们没有'不工作。

我很想看到primeng以某种方式更新它并提供一种简单的方法来实现所需的行为。

我创建了一个问题@ https://github.com/primefaces/primeng/issues/11099