Completed
Last Updated: 25 May 2022 07:12 by ADMIN
James
Created on: 28 Feb 2022 16:17
Category: Grid
Type: Bug Report
1
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 https://demos.telerik.com/kendo-ui/grid/cell-alignment

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
ADMIN
Nikolay
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:

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

Here is a Dojo demo demonstrating this: https://dojo.telerik.com/uFivaSer

Regards,
Nikolay
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 https://learn.telerik.com/.