Inconsistent Background Color for Sortable Columns in Kendo Grid (Scrollable vs. Non-Scrollable Modes)

[Anna]

Issue:

Sortable columns in Kendo Grid show inconsistent background color styling between scrollable and non-scrollable modes due to differences in how the DOM is rendered: https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes#scrollable-mode

• Scrollable Mode: Background color is applied to all cells (<th> and <td>) in the sortable column.
• Non-Scrollable Mode: Background color is applied only to the header cell (<th>).

Expected Behavior:

The background color should apply uniformly to all cells (<th> and <td>) in sortable columns, regardless of the scrolling mode.

Actual Behavior:

• In scrollable grids, the background color is applied to all cells in the sortable column.
• In non-scrollable grids, the background color is applied only to the header cell.

Question:

Is there a way to ensure uniform background color styling for all cells (<th> and <td>) in sortable columns, regardless of the scrolling mode, through built-in configuration or a recommended workaround?

Steps to Reproduce:

1. Create a Kendo Grid with sortable columns.
2. Enable scrolling for one grid (default behavior) and disable it for another.
   

Link to Reproduce։  https://stackblitz.com/edit/angular-axcc1j?file=src%2Fapp%2Fapp.component.ts


Environment:

Kendo UI version:  ^16.8.0
Angular version:  ^18.2.0

[Georgi]

Hi Anna, 

Thank you very much for the details provided.

Thanks to the runnable example that was provided in the thread, I indeed managed to see the discrepancy in the styling of a sorted column in scrollable and non-scrollable Kendo UI for Angular Grid components.

Having consulted our team on the matter, it turned out that the current behavior of the Grid component is indeed a bug on our side. For this reason, I logged an issue in our public GitHub repository, and what I would suggest would be to subscribe to it in order to track the resolution process:

• https://github.com/telerik/kendo-angular/issues/4474

In these lines of words, I would like to apologize for any inconvenience that this unexpected behavior might be causing.

Please, let me know if I can further assist you with this case.

Regards,
Georgi
Progress Telerik