Last Updated: 25 May 2022 07:12 by ADMIN
Created on: 28 Feb 2022 16:17
Category: Grid
Type: Bug Report
Grid header alignment doesn't work anymore

The current version of Kendo UI no longer allows you to align column headings as described in the demo

It occurs because a nested tag (k-link) is set as display: flex;

You can see an example of it on your own demo site (link above) - Ship City header should be centered but isn't.

    field: "ShipCity",
    title: "Ship City",
    headerAttributes: { style: "text-align: center" },
    attributes: { style: "text-align: right" }

1 comment
Posted on: 07 Mar 2022 12:48

Hi James,

I confirm this is a bug and you can track its progress at the following link:

A workaround at this time is applying the following style:

      th.custom>.k-cell-inner>.k-link {
        justify-content: right;

Here is a Dojo demo demonstrating this:

Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at