问题标签 [p-table]

我有一个包含许多列和行的 PrimeNG p 表，其中一列使用输入作为其单元格编辑器。精简版如下：

我可以使用 ViewChild 访问表格

但我不知道从那里去哪里。PrimeNG 文档没有提示如何以编程方式触发单元格编辑。谷歌搜索它会用 EditableColumns 和 onClick 抛出一些东西，但这不起作用，并且会跳过应该编辑的行。

如果存在，我可以通过 ID 识别输入字段。但是只有在单元格处于编辑模式时才会添加实际的输入 HTML 标记。所以我不能使用标准的 getElementById.focus。

如何使用 PrimeNG p-table 开始编辑特定单元格？

我的要求是在两列网格的每一行中都有下拉列表，如下所示：

这是我的问题的stackblitz：https ://stackblitz.com/edit/angular9-primeng9

用户可以为每一行选择值并保存。我能够使用服务从数据源中获取数据，并在订阅 observable 时初始化下拉选项。但是，我无法在页面加载时设置每一行的选定项以显示预先存在的行（我认为设置 [(ngModel)] 的问题）。

此外，我需要添加一个加号按钮，该按钮将向该表添加一个新行，并且结果应在保存操作时保存到数据库中。任何解决此问题的指导/线索都会有很大帮助。

下面是我正在使用的 HTML 代码：

在组件中（订阅 onchanges）：

我有一个带有身体的 p 表。在启用滚动之前，标题和正文中的复选框以及其他标题对齐是完美的。但是在将[scrollable]=trueand添加scrollHeight="200px"到 p-table 标记之后，标题与行不对齐。

以下是我的 p-table 代码：

有人可以帮我将标题与其行对齐吗？提前致谢

我正在尝试在我的 p 表的某些列中添加按钮，

实际上我在我的 html 中这样做：

我不确定这是最好的方法，实际上我有一个问题，我的按钮与 p-dialog 相关，实际上，当我单击一个按钮时，第一个按钮正在打开一个 p-dialog，但是如果我再次单击另一个按钮，数据将直接添加到现有的 p 对话框中，我希望它为我单击的每个新按钮打开一个新的 p 对话框。

任何人都可以帮助我。我想初始化索引变量，如 *ngFor="let d of sI.detail;let i=index"

在我的 p 表中

我有一张<p-table>桌子sortMode="multiple"。我想在页面首次显示时指定两列作为默认排序。如果我设置 sortMode="single" 它通过指定 sortField="year" [sortOrder]="-1" 选项来工作（例如，标题显示为选中并且列排序）。多列的等价物是什么？

类似的示例代码（取自https://www.primefaces.org/primeng/showcase/#/table/sort）

我想将默认排序设置为“年份，品牌”

所以它看起来像这样：

我有嵌套json这样的数据

col定义是这样的

有了这个，我能够正确显示表格数据，但“活动日期”列上的排序无法正常工作 - 基本上它没有考虑“日期”子字段。

这就是在模板中定义列的方式。

如何告诉 p 表为某些列使用子字段名称。

谢谢您的帮助

代码如下：

当页面最大化时，下拉列表被渲染到底部并被部分隐藏。但是当页面被缩小时，它被正确地渲染到了向上的方向。

如何强制下拉列表始终可见？

我试图在取消选择行时将行的颜色更改为不同的颜色。这个功能是primeng主题提供的。我正在尝试覆盖它来自定义它。无论如何我可以在未选择行时更改行颜色，然后保持颜色直到再次选择该行？我在这里使用单选 p 表。

我试过这个来覆盖：

但这只会改变悬停时的颜色。

这就是我在选择行时所拥有的：

我有一个名为 cols 的 p 表：

TS 文件：

HTML 文件：

面积和体积分别以平方米和立方米为单位。我应该如何修改面积 (m2)和体积 (m3)以便它们以正确的格式显示m 的 2 和 3 次方？

我已经试过了标签，但它没有帮助：

编辑：请注意，我的问题不是如何填充结果（数字），而是如何正确显示标题。为了清楚我所说的正确和不正确格式的意思，请参见：

现在，标题中的指数以不正确的格式显示。