Completed
Last Updated: 28 Jul 2021 16:18 by ADMIN
Ian
Created on: 17 Jul 2021 10:25
Category: Grid
Type: Bug Report
0
Grid column header and total align not following TextAlign property
Then setting the TextAlign property of a GridColumn element to ColumnTextAlign.Right, the grid cells are right-aligned, however the header and total row do not respect the setting and remain left-aligned.
2 comments
ADMIN
Nadezhda Tacheva
Posted on: 28 Jul 2021 16:18

Hi Ian,

After further discussion with the team we agreed that we should treat this report more like "completed" rather than "declined" since the desired behavior could be achieved now with some additional CSS and the current configuration of the Grid. With that being said, I have changed the thread status to "Completed".

Furthermore, please let us know if you need any assistance with aligning the column header and footer content to right with CSS.

Regards,
Nadezhda Tacheva
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/.

ADMIN
Nadezhda Tacheva
Posted on: 23 Jul 2021 15:00

Hello Ian,

Indeed, the TextAlign parameter is not applied for the Grid Header and Footer elements.

As per the current Grid rendering and kendo themes setup, this configuration is intentional and strives to reduce the risk of bad positioning of the elements in certain scenarios.

For example, such a tricky case could be if you are using right text align for the Grid Header and in the same time you have enabled some of the Grid options like sorting, filtering, column menu. They all bring rendering of additional spans in the Grid header and depending on column header content (for example if it is a long title) this could lead to lousy UI (for example title overlapping the icons).

However, you can achieve full control over the Grid Header and Footer appearance with some custom CSS. You can check the following knowledge base articles for reference:

Having the above in mind, I will now mark this request as "Declined". If you run across any other concerns please let us know. We will be happy to step in and assist.

Regards,
Nadezhda Tacheva
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/.