Questions tagged [primeng-treetable]

PrimeNG is a user interface tool set for Angular. The treetable is one of the components in PrimeNG and is used to display hierarchical data in tabular format..

https://www.primefaces.org/primeng/#/treetable

49 questions
10
votes
4 answers

How to expand PrimeNg TreeTable by code

Assuming I have a TreeTable provided by PrimeNg for Angular2. How can I expand a particular node in code (for example in onNodeSelect callback)?
user4401
  • 394
  • 1
  • 4
  • 15
5
votes
1 answer

PrimeNG TreeTable Empty

In an attempt to use PrimeNG in an Angular 4.1 project I am having some issues. Here is the documentation I was following: https://www.primefaces.org/primeng/#/treetable I'm testing the TreeTable feature but the output that is in the UI is empty. It…
nbrink
  • 436
  • 5
  • 14
3
votes
0 answers

Display Node Index on PrimeNG Tree Nodes

Since p-tree from PrimeNG does not have way of using rowIndex. How do I display/get the Index of nodes each node using ng-template. Is there any workaroud?
Kishor Prakash
  • 8,011
  • 12
  • 61
  • 92
3
votes
1 answer

Changing the expand and collaps icons in the PrimeNG tree

I'm using the tree component from PrimeNG. Does anyone knows how I can change the expand and collapse icons ? My target is to get a plus and minus instead of the fa-caret-down and fa-caret-right. So from to
michael
  • 147
  • 3
  • 11
2
votes
1 answer

PrimeNG treeTable - change default expandedIcon/collapsedIcon

I am using treeTable from primeNG. I wanted to know how to change default expand and collapse icon. I tried doing so... but I am not sure if I'm doing it the right way. I just want to replace those default expand/collapse icons to plus/minus. How do…
Goofy
  • 210
  • 1
  • 3
  • 17
2
votes
1 answer

Is there a way to auto-map json data to Tree Node instance in PrimeNG for Tree Table?

I have some JSON data coming from the server which I have to display in the Tree Table on the UI. I am using the PrimeNG Tree Table component for it. The problem I am facing is that the Tree table requires the data in a particular format. For…
2
votes
2 answers

Disable/Enable selection based on row content of PrimeNG TurboTable or TreeTable

With p-treeTable i can enable selection for all rows, based on selectionMode = "single". Now i'd like to disable selection for rows, which are not intended to be selected. PrimeNG 7, Angular 7. If I remove [ttRow]="rowNode"…
2
votes
1 answer

PrimeNG Treetable - Get childrens and parents of a node

I'm using PrimeNG treetable component and I want to get all the children of a node when I click on getChildrens button near that node. Also, I want to get all the parents of that node when I click the getParents button near the same node. The goal…
Kivo
  • 385
  • 8
  • 24
2
votes
1 answer

PrimeNG TreeTable Level Styling

I have implemented TreeTable from PrimeNG. Requirement is to add doted lines between levels for usability perspective. I have tried multiple approaches but since it is generating HTML structure
I…
atish shimpi
  • 4,873
  • 2
  • 32
  • 50
2
votes
2 answers

how to add filter function in primeng treetable

I'm trying to add a filter function to the primeng treetable. The following code shows my current situation.
Katerra Cost Master
Alex
  • 601
  • 8
  • 22
2
votes
0 answers

PrimeNg treeTable how to change routing url and how to add onNodeSelect event only for child node

I have couple of questions on primeng treeTable, I see that the expand link in treedata.js is /# but I want to change it to different routing links. In my case here it should be /productsummary. I added it in treedata.js and working fine but I am…
user1653027
  • 789
  • 1
  • 16
  • 38
1
vote
0 answers

primeng p-tree preselect not working with partialSelected, selectable set to true

Im using p-tree component from primeng to display different cases. The display part without pre select is working fine. Now once i save this to DB and user opens the same data again i have to get the latest data from DB and preselect those fields in…
Geek
  • 3,187
  • 15
  • 70
  • 115
1
vote
1 answer

Can I use the lazy-option of the Angular PrimeNG treeTable without virtual scroll?

Hey guys i stumbled about some problems with the lazy loading option of the prime ng treeTable. I need to use the lazyLoad event (Output property "onLazyLoad") without the virtual scroller behavior. Is this somehow supported by the treeTable…
1
vote
1 answer

Set different headers for every child level using PrimengTreeTable and Angular 8

I need to set different headers for child-level data. I am using PrimengTreeTable with Angular 8. Parent records can have an nth level child. For every level I want different headers to be shown. It's like showing a different table at every level.…
1
vote
0 answers

Adding a button in primeng-treetable paginator

I want to add a download button icon in primeng-treetable paginator bar. But not sure how to customize the paginator of treetable. I found this implementation in prime faces but primeng-treetable has not same type of solution. Below is the code I…
abhjt
  • 402
  • 4
  • 11
  • 25
1
2 3 4