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>"
        )
%>