New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Content Alignment

By default, the text and values in the Grid are aligned to the left.

Cell Content

To change the content alignment of the Grid, use either of the following approaches:

  • Apply a text-align style to the column definition by using the HtmlAttributes() method.

    .Columns(columns =>
    {
        columns.Bound(o => o.OrderID).HtmlAttributes(new { style = "text-align: right" });
    })
    
  • Apply the k-text-left, k-text-right or k-text-center classes to the column definition by using the HtmlAttributes() method.

    .Columns(columns =>
    {
        columns.Bound(o => o.OrderID).HtmlAttributes(new { @class = "k-text-right" });
    })
    

Column Headers

You can set the alignment of the column headers through the HeaderHtmlAttributes() method.

.Columns(columns =>
    {
        columns.Bound(o => o.OrderID).HeaderHtmlAttributes(new { style = "text-align: right" });
    })

Column Footers

When a specified column has a footer, you can change the alignment of its content by using the FooterHtmlAttributes() method.

.Columns(columns =>
    {
        columns.Bound(o => o.OrderID).FooterHtmlAttributes(new { style = "text-align: center" });
    })

See Also

In this article
Not finding the help you need? Improve this article