Align ASP.NET GridView Column Text

Continuing my ASP.NET GridView Tips and Tricks series, this post shows how to align the text of a column to the right.

ASP.NET GridView contains a wealth of properties to modify its look and feel. One such property is the GridView ItemStyle property that governs the appearance of any text data displayed in the GridView using a DataControlField.

By default, the text data is left aligned as shown below:

If you want to right align the numeric fields like PricePerUnit and StockQty, then here’s how to use the ItemStyle-HorizontalAlign property to do so:

asp:BoundField

asp:TemplateField

OUTPUT

Observe how the text of the PricePerUnit and StockQty columns is right aligned now.