Display of rows is not correct in a grid with frozencolumn set.

Hi, 

I am creating a web page using ASP.NET Core.

I have the following two problems with the grid.

 

 A tooltip with validation is displayed in the cell with the incorrect input.

 Movablecontent allows horizontal scrolling.

 I do not want to change movablecontent's height setting as this may cause other problems.


 However, when the tooltip is displayed below the last line of movablecontent, there is a problem with the line shifting at the border between frozencolumn and movablecontent. 

 I have tried setting overflow-x and overflow-y. When oberflow-x was set to scroll and oberflow-y was set to visible, the rows were displayed incorrectly. Oberflow-x only was set caused the rows to be out of alignment at the border between the frozencolumn row and movablecontent when tooltips was displayed on the bottom row. Also, if only oberflow-y was set caused only the header scrolled horizontally and the content could not be moved at the same time.

 

question-image 1.png 

Thank you.


1 Reply

RR Rajapandi Ravi Syncfusion Team October 31, 2024 05:37 AM UTC

Hi Keita,


Greetings from Syncfusion support


From your provided information, it appears you are experiencing a misalignment issue with the Frozen column when the validation message displays in the last row. To address this, we have created a sample and attempted to reproduce the issue; however, the validation message displayed correctly without any misalignment. Please refer to the sample and screenshot below for more details.


Sample: Check the attachment.


Screenshot:



We suspect that you are using an older Syncfusion package version, and it was the cause of the problem. So, we recommend upgrading your NuGet package to the latest version 27.1.57 and define the latest CDN link in the _Layout.cshtml file, to resolve the problem. Please refer the below screenshot for more information.



If still you are facing problem, kindly share the below details


1)          Share your NuGet package version.

2)          Share your complete Grid rendering code, we would like to check your Grid initialization and the features you have utilized.

3)          Share any issue reproducible sample or try to reproduce the issue with our above attached sample.


Regards,

Rajapandi R


Attachment: 194966_9fb2cff6.zip

Loader.
Up arrow icon