Stack Overflow
Stack Overflow

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
1
vote
1 answer

primeg tree table selection not working as expected

I have a funny issue with tree table, when i use tree section, the selection is set to all table instead of selected row. there is stackblitz project https://stackblitz.com/edit/angular-primeng-table-toggle-4tmfyk?file=src%2Fapp%2Fapp.component.ts
Happy Coder
  • 1,293
  • 1
  • 19
  • 35
1
vote
2 answers

How to create a tree table html file usin below JSON file

I am trying to create tree table html file using primeng. The Html file should able to render below JSON file . Below is the Json response. { "data": [ { "data": { "Briname": "Aamir", …
codehunter
  • 81
  • 2
  • 14
1
vote
1 answer

PrimeNg dropdown in tree-table auto scroll based on dropdown in the bottom of the page

I am implementing dropdown in primeng treetable and bottom of the page the dropdown is hiding below the panel. How can make it auto adjust. Scroll automatically and so that user can see the dropdown. Note: Table is wrapped with bootstrap pannel.
Md Rahaman
  • 101
  • 1
  • 2
  • 8
1
vote
0 answers

How to generate hierarchical JSON from SQL Server data table

I have sql server hierarchical data table with this sample structure and data: Id name size type parrent_Id 1 AAAA 2k t1 null 2 BB 2k t2 1 3 CC 1k t3 1 4 …
Ehsan Mohsenpourian
  • 41
  • 1
  • 6
1
vote
1 answer

primeNg get Nodes attribute

I have this json output : { "data": [ { "label": "The Avengers", "data": { "name" : "The Avengers", "type" : "book"}, "expandedIcon": "fa-folder-open", "collapsedIcon": "fa-folder", "leaf": true }, …
Kivo
  • 385
  • 8
  • 24
1
vote
0 answers

PrimeNG - Change the treeTable leaf nodes color

I have a treeTable and I need to change the colors of the leaf nodes (has no children). Is this possible ? I tried to apply some style classes from dataModel, but it seems it's not working. I also tried to create a condition on columns based on a…
Kutas Tomy
  • 349
  • 2
  • 7
  • 18
1
vote
1 answer

PrimeNG treetable. Conditionally change style of row

I would like to conditionally change the style of a row in the PrimeNG TreeTable. I have tried various options such as:[rowStyleClass]="rowStyle()" But I get this error: Can't bind to 'rowStyleClass' since it isn't a known property of…
Moutono
  • 181
  • 2
  • 11
1
vote
1 answer

PrimeNG 9 - TreeTable Virtual Scroll - node selections get lost

I am facing an odd issue with a PrimeNG 9 TreeTable in an application I am working on which I have configured virtual scrolling and a nested node structure with toggle\expand behaviour. I am finding after I make a selection, the highlighted node is…
mindparse
  • 6,115
  • 27
  • 90
  • 191
0
votes
0 answers

Generic data in a json schema

I'm working on a TreeTable component of Prime NG. I had to create a json schema which is the following: { "$schema": "http://json-schema.org/draft-07/schema#", "type": "array", "items": { "$ref": "#/$defs/node" }, "$defs":…
Antoine Flegeau
  • 1
  • 1
0
votes
0 answers

Best way to access MongoDB data to bind it to a primeNG-TreeTable?

I have a set of enginetypes, which have a name and a set of references. Each reference is composed by its name and a set of calibrations. Each calibration is composed by 3 parameters, A, B and C. I need to store this information in a MongoDB…
IAyestaran
  • 35
  • 3
0
votes
1 answer

TypeError: Cannot set property scrollHeight of [object Element] which has only a getter

I am using PrimeNg v11.x element. Application is working fine with scrollHeight value set from a variable but the jasmine test is failing with error: TypeError: Cannot set property scrollHeight of [object Element] which has only a getter …
Mukil Deepthi
  • 6,072
  • 13
  • 71
  • 156
0
votes
1 answer

How can i set a default selection in PrimeNG Treetable

I want to set the selection with the value i get from Local-Storage. Here is the code: HTML:
Ismet Nasic
  • 1
0
votes
0 answers

PrimeNg GlobalFilter : Stop searching after finding match in first column (Not looking for values in subsequent columns)

Initial UI (Without filter): [globalFilterFields]="['name','marketingName','m_id']" Issue : Other column fields are skipped after match found in first column Here, we are searching "Model" which is present in first as well as in second column.…
Vaibhav Sawant
  • 341
  • 1
  • 7
  • 22
0
votes
1 answer

PrimeNG tree table - how to stop propagation upward?

I am using PrimeNG treeTable (p-treeTable) in Angular 10 with checkbox selectors (p-treeTableCheckbox) as per their example scroll down to the Checkbox Selection In this implementation if a user expands a node and un-selects a sub item, the parent…
DeclanMcD
  • 1,518
  • 4
  • 22
  • 41
0
votes
0 answers

Hide parent records in primeng tree-table filtering

I have applied a filter to my tree-table, i only want to show the rows with filtered data and hide the parent records. The code is available at https://stackblitz.com/edit/primeng-treetablefilter-demo - using a variant of this. Added a picture- i…
coderboy_4200
  • 53
  • 1
  • 6
1
2
3 4