concat collection into column

[AGISDev]

take this data

{
"Firstname": "Jim",
"Lastname": "Smith",
"Birthday": "08/29/1979",
"Likes": [
    { Likes: [ { id: 1, description: "Baseball", rank: 1 }, {id: 2, description: "music", rank: 3 }, { id: 3, description: "Surfing the web", rank: 2}]

} }]
}

First 3 fields bind directly to the grid in 3 columns.

I would like to concatenate the collection of Likes, and display in the final column.

Something like this

<td>Jim</td><td>Smith</td><td>08/29/1979</td><td>Baseball; music; Surfing the web;</td>

I've been unable to find anything like this.

 

 

 

[Dimiter Topalov]

Hello Charles,

You can utilize the Grid's Cell template to provide any desired custom content based (or not) on the data item, associated with each row, for example:

https://stackblitz.com/edit/angular-hytbhp?file=app/app.component.ts

You can also create a HTML table for the Likes (or create any other HTML element(s) to display the content in the desired manner):

https://stackblitz.com/edit/angular-hytbhp-dfrulf?file=app/app.component.ts

I hope this helps.

On a side note, it is also worth mentioning that when the data contains dates, it needs to be mapped such that all date fields represent valid JavaScript Date objects so that the built-in sorting, filtering, formatting and editing functionalities can work as expected:

https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/#toc-getting-started

https://www.telerik.com/kendo-angular-ui/components/grid/troubleshooting/#toc-handling-of-dates

Regards,
Dimiter Topalov
Progress Telerik