When grid is enabled with x-axis and y-axis scroll bar. if user try to move the x-axis scroll bar to the end (right side), then grid column alignment issue is raising. Please refer to the attached screenshot.
kindly suggest us any fix or workaround for this issue.
1 Answer, 1 is accepted
0
Stefan
Telerik team
answered on 02 Aug 2021, 09:14 AM
Hello, Karthikeyan,
We had a similar issue in the older version of the Grid which is already fixed.
Please ensure that the application is using the latest version of the components.
If it still occurs, please share an example reproducing it and I will be happy to take a look.
From same team, We are using the latest version 4.8.0
Kindly suggest us how can we fix this issue
Stefan
Telerik team
commented on 06 Aug 2021, 05:33 AM
We have made different tests, and the columns were aligned all the time.
In order to see what could be causing this and suggest a solution, please share a runnable example reproducing the issue and I will be happy to inspect it.
From same team, we have created a runnable project for this issue , please find the screenshots attached for your reference and attaching the project as well.
Follow the below steps to run the application.
Step 1 : npm install
Step2 : npm start.
Note: I have not attached any node_modules due to high size.
Stefan
Telerik team
commented on 26 Aug 2021, 01:48 PM
Hello,
Thank you for the example.
I noticed that the issue occurs because of this CSS style:
.k-grid-header{
margin-left: -25px!important;
}
Removing it resolved the issue.
This is expected as this style moves the header with 25px on the left and causes a misalignment.
When we are using the kendo grid in our project , we are getting a white space on the right side while zooming out below 100%, please find the screenshot attached and a sample of project for your reference.
https://fkekiv--run.stackblitz.io/
Stefan
Telerik team
commented on 13 Sep 2021, 10:08 AM
This is a known issue when zooming and it can be monitored here: