问题标签 [primeng-treetable]

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.

0 投票
0 回答
125 浏览

angular - 在primeng树表过滤中隐藏父记录

在此处输入图像描述我已经对我的树表应用了过滤器,我只想显示带有过滤数据的行并隐藏父记录。该代码可在https://stackblitz.com/edit/primeng-treetablefilter-demo获得- 使用它的变体。添加了一张图片-我不想要父记录-在我的情况下,缩进级别更多但挑战相似

0 投票
1 回答
303 浏览

html - PrimeNG treeTable - 更改默认expandedIcon/collapsedIcon

我正在使用primeNGtreeTable。我想知道如何更改默认展开和折叠图标。

我试过这样做......但我不确定我是否以正确的方式这样做。我只想将那些默认的展开/折叠图标替换为 plus/minus。我该怎么办?

我试过跟随..但它没有帮助。

在此处输入图像描述

演示

0 投票
1 回答
488 浏览

angular - PrimeNG 树表 - 如何停止向上传播?

根据他们的示例 ,我p-treeTable在 Angular 10 中使用带有复选框选择器()的 PrimeNG treeTable()向下滚动到复选框选择p-treeTableCheckbox

在此实现中,如果用户展开节点并取消选择子项,则父节点也将取消选择。这在我们的场景中是不受欢迎的行为。即使未选择所有子节点,我也希望父节点保持选中状态。但是如果用户选择/取消选择一个父节点,那么选择/取消选择所有子节点仍然有效。

例如,在他们的示例中,展开第一个节点“Applications”,展开下一个节点“Angular”,然后取消选中像“mobile.app”这样的子节点 => Angular 和 Applications 父节点都未选中。

那么当子节点改变时,是否可以让父节点保持不变?

我的桌子是:

似乎没有任何行为属性p-treeTableCheckbox会影响这一点?

0 投票
0 回答
88 浏览

angular - 需要一个支持具有给定对象数组的 Prime NG 树表的 Json 对象

我有一个对象数组,其中包含父子关系数据,我想将其转换为主要的 Ng 树表可支持的数据格式。

我有如下的 JSOn 数组:

我的预期如下:

为了获得这种结构,我尝试了以下问题中的某个人建议的解决方案。下面的代码将数据绑定到 Tree Table 父级和子级,而不是 Childs 的子级。

以下代码所需的任何更改。请建议。

0 投票
0 回答
38 浏览

json - 从对象数组创建 PrimeNG TreeTable

我想创建一个树表。名字和姓氏重复的行将被视为子节点。

0 投票
0 回答
122 浏览

javascript - 使用 excelJs 将 primeNg 树表数据及其分组导出到 Excel

我想将 primeNg 树表导出到 Excel 中。我正在使用 ExcelJs 将数据导出到 excel 中,但我不知道如何对行进行分类或分组。

表有行,行有子行,子行再次包含子行,并且此层次结构不固定。这意味着没有必要每行都应该有一个子行。这方面的数据来自基于提供的一些输入的数据库。

我在 Google 搜索中看到了 outlinelevel 作为对行进行分组的解决方案,但我无法在我的代码中实现它

任何人都可以在这方面帮助我。任何帮助将不胜感激

0 投票
0 回答
47 浏览

angular - PrimeNg GlobalFilter :在第一列中找到匹配项后停止搜索(不在后续列中查找值)

初始用户界面(无过滤器):

初始用户界面

问题:在第一列中找到匹配项后跳过其他列字段

在这里,我们正在搜索第一列和第二列中存在的“模型”。但是,它没有考虑第二列。

在此处输入图像描述

期望:应显示前 3 行,即 Database、Dataset1、Model

Stackblitzhttps ://stackblitz.com/edit/primeng-treetablefilter-demo-efg4b5?file=src/assets/filesystem.json

请展开模块,然后在全局搜索中使用“模型”进行搜索。

我们有搜索框来使用全局过滤器过滤 p-treeTable 的行,如下所示:

映射到 TreeTable 的列定义如下所示:

树表代码:

0 投票
0 回答
56 浏览

primeng - 冻结列prime-ng上的垂直滚动

我有一个具有多个子节点的 p-treetable。问题是当我将鼠标悬停在冻结的列上并尝试垂直滚动时,它不会滚动。什么都没发生。但是当我将鼠标移动到未冻结的列时,垂直滚动工作正常。这也是 prime-ng p-table 中的一个问题,但在最新版本中他们已经修复了这个问题,但仍然没有修复树表。

任何解决方法?

0 投票
0 回答
148 浏览

angular - primeng p-tree 预选不适用于 partialSelected,可选择设置为 true

我使用primeng的p-tree组件来显示不同的案例。没有预选的显示部分工作正常。现在,一旦我将其保存到 DB 并且用户再次打开相同的数据,我必须从 DB 获取最新数据并在 p-tree 中预先选择这些字段。所以我使用休息控制器来获取这些选定的值并将其添加到 html 中的 [(selection)] = "selectedColumns"。

对于那些预选的节点,我还将 partialSelected 设置为父节点,将子节点设置为 true,将子节点的 Selectable 设置为 true。但我的预选仍然没有显示复选框。我的 html 代码如下所示。

我的检查元素看起来像下面所附的屏幕截图。

在此处输入图像描述

黄色突出显示的是原始列表和预选列表。原始列表有 3 个父级,索引为“0”的第一个父级有 89 个子级,如图所示。索引为 3 的第 4 个孩子用向上的箭头标记显示,columnName 为“Board Name”。如“SelectedColumns”所示,所选列表只有一个索引为“0”的父级和 2 个子级。索引为“0”的第一个孩子是原始列表中的第四个孩子。您可以看到部分 Selected 为“true”且“Selectable”为 true。

通过这些更改,我希望预选应该可以正常工作,但它不会。有人可以让我知道这有什么问题。谢谢你。

0 投票
0 回答
23 浏览

javascript - 如何在 PrimeNG Treetable 中设置默认选择

我想使用从本地存储中获得的值设置选择。这是代码:

HTML:

TS:

该值已设置并且可以在控制台中显示,但在 UI 中,未选择该行。