Turbo table: How to display the data in PrimeNG table ? Data value may contains the Json object or Array

Asked Nov 30 '18 at 13:56

Active Dec 01 '18 at 12:25

Viewed 150 times

I am able to display as below How to display the data in PrimeNG turbo table ? Json data value may contains the Json object or array. And I want to display in proper format. Here I am receiving the data by REST API call, and key is string but not sure which data type value is.

Ex: JSON Data is

{
    "data" :[
        {"key": "Description", "value": "This is controller"},
        {"key": "Name", "value": [{"key","lastName", "value", "XYZ"},
            "key","firstName", "value", "ABC"              
            ]},
        {"key": "SerialNumber", "value": ["1000", "89881"]},
        {"key": "ModelNumber", "value" : "10009WR7773"}
    ]
}

Note: We are receiving JSON data from rest api dynamically

Output should be as attached screenshot

Please help me in resolving this issue, thanks

edited Dec 01 '18 at 12:25

asked Nov 30 '18 at 13:56

Sujeet Kalaskar

What have you tried so far ? – Antikhippe Dec 01 '18 at 10:26
@Antikhippe, I am able to display the key and value in the simple format. – Sujeet Kalaskar Dec 01 '18 at 12:15
@Antikhippe, attached the image above – Sujeet Kalaskar Dec 01 '18 at 12:27
Can you share a StackBlitz please ? – Antikhippe Dec 01 '18 at 12:33
@Antikhippe, Please find the StackBlitz link https://stackblitz.com/edit/angular-8nrqed?file=src%2Fapp%2Fapp.component.html – Sujeet Kalaskar Dec 02 '18 at 04:07
The above stackblitz example is just the with Json obect as above. – Sujeet Kalaskar Dec 02 '18 at 04:09
Have a look at [row grouping](https://www.primefaces.org/primeng/#/table/rowgroup), it should meet your needs. Btw, your json is not valid. – Antikhippe Dec 02 '18 at 08:56
@Antikhippe, My json data is a mix of value like Object, Array, String and Int. So how can i achieve this? – Sujeet Kalaskar Dec 02 '18 at 09:56

Turbo table: How to display the data in PrimeNG table ? Data value may contains the Json object or Array

0 Answers0