This example shows how set the client-side row template of the grid. The row template allows you to customize the way the entire row is presented in the grid. Client-side row templates are used in ajax and web service binding.
To set the client-side template use the ClientRowTemplate method. You can use <#= #> to embed databound expressions in a similar
way to server side templates.
<%= Html.Telerik().Grid<EditableCustomer>()
.Name("Grid")
.ClientRowTemplate(grid => "<div class='employee-details'>" +
"<img class='t-widget' src='" + Url.Content("~/Content/Grid/Customers/") +
"<#= CustomerID#>.jpg' alt='<#= ContactName #>' title='<#= ContactName #>' />" +
"<h3 class='t-widget'><#= ContactName #></h3>" +
"<dl>" +
"<dt>Name:</dt><dd><#= ContactName #></dd>" +
"<dt>Company:</dt><dd><#= CompanyName #></dd>" +
"<dt>Country:</dt><dd><#= Country #></dd>" +
"</dl><dl class='t-widget'>" +
"<dt>Address:</dt><dd><#= Address #></dd>" +
"<dt>Phone:</dt><dd><#= Phone #></dd>" +
"</dl>" +
"<div class='commands'>" + grid.EditButton(null) + grid.DeleteButton(null) + "</div>" +
"</div>"
)
%>