[Grid] Background Color of a Sorted Column in Non-Scrollable Grid

[georgi-sla]

Description

Currently, when the Grid component is in scrollable mode and sorting is enabled, there is a background color applied to the entire sorted column. On the other hand, when the Grid is in non-scrollable mode, the background color is applied only to the header of the sorted column and not to the entire column.

Steps To Reproduce

1. Create a Grid component.
2. Enable sorting.
3. Set the Grid scrollable property to none.
4. Sort a column in the Grid.

Please, check out the following StackBlitz demo for further reference: https://stackblitz.com/edit/angular-axcc1j-scvacn

Screenshots or video

Actual Behavior

In a scrollable, there is a background color that is used to indicate that a specific column has been sorted, and it is applied to the entire column. In a non-scrollable Grid, this background color is also applied, but only for the header of the sorted column.

Expected Behavior

The specific background color that indicates that a column has been sorted should also be applied in cases when the Grid is in non-scrollable mode.

Browser

Chrome

Browser version

latest

OS type

MacOS

OS version

No response

Last working version of the Kendo UI for Angular package (if regression).

No response