RowTemplate with cells each has its own template

[HSO]

Hello:

Here is the Razor view of Grid declaration:

@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(cols =>
{
    cols.Bound(c => c.OrgID).Template(e => { });
    cols.Bound(c => c.UserID);
    cols.Bound(c => c.IsAssigned);

})
.RowTemplate(@<text>
@item.OrgName<br />
@item.City, @item.ProvinceText, @item.CountryText

</text>)

)

There are 3 columns, the one currently in RowTemplate only applies to the 1st column, I also need the 2nd column to be 'templated', which shows a photo and name of the User (accessable by @item.ImgURL, @item.FullName).
I am not sure how to do that, because if I put <tr> or <td> within RowTemplate @<text> block, it complains that those elements cannot be nested.  if I don't have <tr> or <td>, the html output puts colspan="3", so no way for me to come up 3 column structure.

Please advise,

Thank you,

[Vladimir Iliev]

Hi Jason,


In current scenario where you need to keep the original layout of the table I would suggest to use column Template method instead of RowTemplate and render the required items inside each column:

columns.Bound(p => p.ProductName).Template(@<text>
    <strong>ProductID: @item.ProductID</strong>
    <p>@item.ProductName</p>
</text>);

Kind Regards,
Vladimir Iliev
the Telerik team

[HSO]

ok, got it.  Thank you!