问题标签 [primeng-turbotable]

我正在用 PrimeNG 的涡轮增压器替换定制的桌子。我有一些按钮需要插入到表中，这些按钮调用了我编写的特殊 javascript 函数，但我不知道如何将元素插入到表中。

它显示为[object HTMLInputElement]而不是按钮。我知道生成按钮的代码很好，因为它在旧表设置中效果很好。我认为问题在于它把它变成文本的涡轮增压器，我不知道如何让它保持 HTML。

这就是显示的内容。

这是涡轮增压器

这是我生成按钮并填充结果数组的方式

最后，这里agencySearchResult是 typescript 中定义的地方

我认为问题在于{{r.btnEdit}} HTML 中的行，但我包括了所有相关的东西以防万一。

那么互联网，你如何将 javascript 生成的 HTML 元素插入到 turbotable 中？

我对 Angular 还是有点陌生​​，我正在尝试在表中使用 p-autoComplete，一旦选择了一行，我的自动完成应该预先选择当前值..我尝试使用 [(ngModel)]="row.bsaName"但它不工作。由于 [suggestion] 是一个对象数组，因此它不具有约束力。我需要将我的数据上的 row.bsaName 或 bsaName 属性更改为具有 {id, name} 的对象以匹配 [suggestions] 的数据模型，我该怎么做？

HTML

零件

界面

数据结果

****************************************************** *******更新****************************************** ** 为简单起见，我删除了 (*ngIf="row.isBSAEditable") 所以它会自动编辑。还取出了模态并添加了编辑按钮

HTML

自动完成下拉列表的结果

全部{"result":[{"id":"1","name":"Mike S"},{"id":"2","name":"John B"},{"id": "3","name":"Adam P"},{"id":"4","name":"Sam J"},{"id":"5","name":"Carolyn G" },{"id":"6","name":"史蒂夫 C"}]}

iBsaFollowUp JSON

全部{"result":[{"id":x,"ersaID":XXX,"bsaID":"5","followupDate":"10/27/2017","active":true,"comment": "测试这个 rsss 2","accessFor":"XXXX","bsaName":"Carolyn G"},{"id":X,"ersaID":XXXX,"bsaID":"1","followupDate": "10/27/2017","active":true,"comment":"test this rsss 4","accessFor":"XXXXX","bsaName":"Mike S"}}}

我正在尝试使用 PrimeNG 学习角度。这是链接https://primefaces.org/primeng/#/table。

是否可以使用管道阵列为每列包含管道？

在 cols 数组中，我想添加另一个这样的字段。

然后在模板中，我会这样使用它

我已经尝试过了，它给了我模板解析错误。

如何重置所有列过滤器？调用 reset() 似乎重置表，但过滤器的所有字段保持不变。

我想减少我在primeng网格中使用的几列的宽度。但是根据我的理解，我们只能更改使用“p-column”或“th”标签创建的列的宽度。

下面的 PFA 代码片段： HTML：

和 TS：

我们如何更改可排序primeng表中动态列的宽度？

我也在 GitHub 上提到了这个问题，但还没有人回答，所以我想在这里寻求帮助：

我使用带有可调整大小列的 Turbo-Table 并将 [scrollable] 属性设置为 false，并且我的表是在 Microsoft Edge 和 Internet Explorer 11 浏览器（Chrome 和 FireFox 正确处理）上使用不必要的垂直和水平滚动条创建的。有谁知道如何摆脱这些多余的滚动条？

一些环境细节：

重现步骤：

构建一个简单的文本数据表，大约 10 行，具有可调整大小的列和 [scrollable]="false"

代码如下：

app.component.html

app.component.ts

app.module.ts

我面临一个奇怪的问题。我无法使用 PrimeNG 表上的行跨度选择合并的行。谁能帮我快速解决这个问题？

见Stackblitz

如何在可编辑表上使用 ENTER 键保存一行，在该表中使用 TAB 键浏览列？我使用表格...任何输入将不胜感激。

在使用 contextMenu（右键单击）和表选择（左键单击）时，两者都在维护两个单独的行单击对象。我想在 PrimeNG-tree 表中执行以下任务，请帮帮我：

• 左键单击选择第一行。
• 按 Ctrl 键并左键单击选择第二行。
• 按 Ctrl 键并右键单击选择第三行并打开上下文菜单。

预期结果：

• 为所有三行保持相同的选择样式。
• 获取所有选定对象的数组。

实际结果：

• 为左右单击独立维护两种不同的样式。
• 它为左键单击生成一个对象数组，并为右键单击生成一个单独的独立对象（不是数组）。

右键单击不允许多选。

我有一张很像涡轮增压例子的桌子。我的桌子上有一个全局过滤器，还设置了分页。

过滤器为空时shift + select工作正常，因为行索引匹配。但是，一旦我过滤然后执行shift + select它就不会选择预期的行，而是根据当前页面索引进行选择。

有没有办法可以在带有全局过滤器的表上进行 shift + select ？