1. Home
  2. Forum
  3. Blazor
  4. Fix Grid Layout

Fix Grid Layout

I am using multiple grids in different split panes. Each grid has its maximum of rows before paging kicks in. That allows to put 2 grids next to each other without messing up the entire layout. Only if there are fewer rows in the grid than in the page size value the grid is centered horizontally in the split pane. That looks quite ugly on the screen. Is there a way to keep the grid position stable in the pane even though the number of rows can vary between 0 and page size?


3 Replies
BL Balamurugan Lakshmanan Syncfusion Team June 13, 2023 12:32 PM UTC

Hi Uwe Jädick,

 

Greeting from Syncfusion Support.

 

Before proceeding further with your requirement, we need some more clarifications from your end. kindly share the below details to proceed further at our end.

 

  1. Share us the entire Grid code snippet.
  2. Kindly explain your requirement elaborately for better understanding.
  1. Share us a video demonstration of the issue.
  2. If possible kindly share us a simple issue reproduceable sample .

 

Above requested details will be very helpful in validating the reported query at our end and provide solution as early as possible.

 

Regards,

Bala


UJ Uwe Jädick June 23, 2023 05:02 AM UTC

1.) I send an email long time ago, because it is not possible to post screen shots. your file upload does not allow jpg files

2.) I want to align the grids in two different split panes that both grids are in line even though they have a different amount of rows.

3.) not possible, your file upload does not support that file format

4.) not possible to make it simple with split pane and grids. Look at the code i send in my email


BL Balamurugan Lakshmanan Syncfusion Team June 26, 2023 06:27 AM UTC

Hi Uwe Jädick,

 

We have prepared the sample as per your requirement. Based on the SfSplitter height and width , Grid is placed inside the Split panes. Kindly refer the attached sample file and screen shot to resolve your issues.

 

If we misunderstood your query, Kindly provide the below requested details for further validation at our end.

 

  1. Kindly modify the attached sample as per your requirement.
  2. Please share us the issue reproducible screenshot or video Demo.

 

 

Above requested details will be very helpful in validating the reported query at our end and provide solution as early as possible.

 

Regards,

Bala.


Attachment: BlazorApp1_d8ec34f4.zip

Loader.
Up arrow icon