Hi everyone,
I am trying to turn my Keno grid from this (first picture attached) to this (second picture attached). I am new to Kendo, so I am not sure if this is even possible to combine these three data points together in one column.
Thank you!
1 Answer, 1 is accepted
1
Accepted
Hello Stephanie,
In order to combine the three columns in one, use the Cell Template as seen below:
<kendo-grid-column field="ProductName" title="Name">
<ng-template kendoGridCellTemplate let-dataItem>
<strong> {{ dataItem.ProductName }} </strong>
<div> {{ dataItem.Category.CategoryName }} </div>
<div> {{ dataItem.UnitPrice }} </div>
</ng-template>
</kendo-grid-column>Please take a look at this sample demo where I have combined data information in one column.
I hope this helps.
Regards,
Hetali
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!
Stephanie
commented on 11 Jun 2024, 08:03 PM
Top achievements
Rank 1
Rank 1
Thank you Hetali! I just need to work on styling on my end but now everything works great!