1. Home
  2. Forum
  3. Angular - EJ 2
  4. Horizontal scroll behaves incorrectly if grid is in container with left right margins or paddings and has frozen column

Horizontal scroll behaves incorrectly if grid is in container with left right margins or paddings and has frozen column

Hello Syncfusion Team,

Faced a problem with the horizontal scroll on grid.

If I put grid with a frozen column into the container wich has padding-right and padding-left horizontal scroll appears. 


If I remove margins from the container it behaves correctly.


grid.PNG


Could you please advise how to solve this issue?

Thank you in advance.


1 Reply
RS Rajapandiyan Settu Syncfusion Team April 18, 2022 03:10 PM UTC

Hi Dmytro,


Thanks for contacting Syncfusion support.


We tried to reproduce the reported problem, but it was unsuccessful at our end. The Grid is shown properly when its parent container has padding and margin CSS. Find the below sample for your reference.


Sample: https://stackblitz.com/edit/angular-nf2anf?file=app.component.ts


Kindly share the below details to replicate the issue at our end.


  1. Share the complete Grid code and Syncfusion package version.
  2. What are the features you have used in the Grid?
  3. Did you use any custom CSS in the Grid?
  4. Share the video demo of the issue.
  5. Are you facing this issue in any particular theme or any particular browser?
  6. If possible, share the issue reproducible sample or try to make the issue in the given sample which will be very helpful to resolve this earlier.


Regards,

Rajapandiyan S


Loader.
Up arrow icon