# Row Templates

The Kendo UI Grid supports row templates which enable you to place custom content into a Grid row.

When you use a `ClientRowTemplate`, the template defines the complete `<tr>` and `<td>` markup. To center a cell, add a class or an inline `text-align` style directly to the relevant `<td>` element.

```Razor HtmlHelper
    .ClientRowTemplate("<tr data-uid='#=data.uid#'>" +
        "<td class='toppane-input-wrap'>#=data.OrderID#</td>" +
        "<td class='toppane-input-wrap'>#=data.ShipCountry#</td>" +
    "</tr>")
```

```CSS
    .toppane-input-wrap {
        text-align: center;
    }
```

The `toppane-input-wrap` class in this example is a custom application class, not a Kendo UI class. For standard generated Grid cells, use the column alignment options described in the [content alignment article](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/data-management/grid/columns/cell-alignment).

For runnable examples, refer to:

* [Demo on using the row template of the Grid HtmlHelper for ASP.NET MVC](https://demos.telerik.com/aspnet-mvc/grid/rowtemplate)
* [Demo on using the detail-row template of the Grid HtmlHelper for ASP.NET MVC](https://demos.telerik.com/aspnet-mvc/grid/detailtemplate)
* [Demo on using the toolbar template of the Grid HtmlHelper for ASP.NET MVC](https://demos.telerik.com/aspnet-mvc/grid/toolbar-template)

The following example demonstrates how to use a string row template which generates two columns. The outermost HTML element in the template must be a table row (`<tr>`). That table row must have the `uid` data attribute set to `#= uid #`. The grid uses the `uid` data attribute to determine which data a table row is bound to.

```Razor HtmlHelper
        .ClientRowTemplate("<tr data-uid='#=data.uid#'>" +
            "<td>#=data.OrderID#</td>" +
            "<td><strong>#=ShipCountry #</strong></td>" +
        "</tr>")
```

![UI for ASP.NET MVC A Grid with an applied row template](https://www.telerik.com/aspnet-mvc/documentation/assets/5cc130de834d86739ba07dbbff6a495a/row-template.png)

## See Also

* [Using Row Templates in the Grid HtmlHelper for ASP.NET MVC (Demo)](https://demos.telerik.com/aspnet-mvc/grid/rowtemplate)
* [Using Detail-Row Templates in the Grid HtmlHelper for ASP.NET MVC (Demo)](https://demos.telerik.com/aspnet-mvc/grid/detailtemplate)
* [Using Toolbar Templates in the Grid HtmlHelper for ASP.NET MVC (Demo)](https://demos.telerik.com/aspnet-mvc/grid/toolbar-template)
* [Server-Side API](https://www.telerik.com/aspnet-mvc/documentation/api/grid)