Aligning a Numeric Column to the Right

Environment

Product

Progress® Telerik® UI for ASP.NET Core Grid

Description

How can I align a numeric column in the Telerik UI for ASP.NET Core Grid?

Solution

Add a custom class for the needed columns. Apply the appropriate styles using the class name selector.

<column field="UnitPrice" title="Unit Price" html-attributes='new Dictionary<string, object>{ ["class"] = "numericColumn" }'/>

<style>
    .numericColumn {
        text-align: right;
    }
</style>    

More ASP.NET Core Grid Resources

• ASP.NET Core Grid Documentation

• ASP.NET Core Grid Demos

• ASP.NET Core Grid Product Page

• Telerik UI for ASP.NET Core Video Onboarding Course (Free for trial users and license holders)

• Telerik UI for ASP.NET Core Forums

See Also

• Client-Side API Reference of the Grid for ASP.NET Core
• Server-Side API Reference of the Grid for ASP.NET Core
• Telerik UI for ASP.NET Core Breaking Changes
• Telerik UI for ASP.NET Core Knowledge Base