How to display group in p-column PrimeNG table?

Asked May 05 '18 at 09:29

Active May 08 '18 at 10:18

Viewed 430 times

list:{"oringinData":"sa","oringinDataTime":"23/10/18","types": 
 [{"sId":1,"sdate":"28/3","stuff":[{"TypeId":1,"onetype":[{"id":1,"name":"John 
Doe"},{"id":2,"name":"Don Joeh"}]},{"TypeId":2,"othertype": 
[{"id":2,"company":"A"}]}]},{"sId":2,"sdate":"20/3","stuff": 
[{"TypeId":1,"onetype":[{"id":1,"name":"John F"},{"id":2,"name":"Don E"}]}, 
{"TypeId":2,"othertype":[{"id":2,"company":"D"}]},{"TypeId":3,"othertype": 
[{"id":2,"company":"A"},{"id":2,"company":"B"},{"id":2,"company":"C"}]}]}]}

Above is JSON arrary of object I want to group row data in table by grouping in PrimeNG also after every types want a blank row.

edited May 08 '18 at 10:18

asked May 05 '18 at 09:29

ragini patil

Do you want to use *datatable* or *turbotable* from PrimeNG ? – Antikhippe May 08 '18 at 06:15
data table and also row after every group – ragini patil May 08 '18 at 06:25
And you want to group by TypeId ? – Antikhippe May 08 '18 at 06:27
@Antikhippe any of table can be done i tried by both – ragini patil May 08 '18 at 10:19
@Antikhippe TypeId YES – ragini patil May 08 '18 at 10:34
I have exact same problem. I will let you know if I find anything. – Punit Sachan May 09 '18 at 20:50
@PunitSachan i tried merging row s by p-table got sccuess but im not able to give row span – ragini patil May 10 '18 at 05:34
@raginipatil can you explain, how are you merging rows in p-table? – Punit Sachan May 10 '18 at 13:08
@PunitSachan i have sorted data as shown in JSON array above,then calculated size for each group and i m assigning it as row span but row span is not working inside p-table. – ragini patil May 11 '18 at 11:46
@raginipatil I think you can try [attr.colspan]="yourArray.length". This is going to work for both rowspan and colspan. – Punit Sachan May 18 '18 at 17:42

How to display group in p-column PrimeNG table?

0 Answers0