We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

CheckBox vertical alignment in SFGrid when grid row data is wrapped

Hello support team

Can you please drive me on how to make the checkbox gets vertically aligned when grid row data is wrapped and row height is increased? I tried couple of css attributes, but it did not work. It is always aligned to top of the row.

Please take a look at the image attached for a better understanding.

Environment details:

Blazor Server App

Syncfusion Blazor version



Attachment: syncfusion_8f4ed1a2.zip

6 Replies 1 reply marked as answer

BL Balamurugan Lakshmanan Syncfusion Team January 24, 2023 01:40 PM UTC

Hi Kleber,


From your sample, we would like to inform you that the checkbox is aligned vertically in the DataGrid when the grid row data is wrapped and even it works when the row height is increased. Kindly refer the attachment and UG documentation for your reference. From your screenshot, we are unable to determine what you are looking for.




please share the below requested details to validate further at our end.

  1.kindly share what type issue you have faced .

  2.Share us the entire Grid code snippet.

  3.Share more details about your requirement elaborately

  4.Share us the video demonstration of the issue with replication procedure.

  5.If possible kindly share us the issue reproduceable sample.

The above-requested details will be very helpful for us to validate the reported query at our end and provide the solution as early as possible.


Please get back to us if you have further queries.  

Attachment: BlazorApp1_a72a7cce.zip

KB Kleber Bueno January 25, 2023 08:10 AM UTC

Please find the source code to reproduce problem.

My grid has few columns with wrapped text. It results in a increasing of row height. After that checkbox column is not vertically aligned.

Attachment: GridRenderProblem_933b7d52.zip

KB Kleber Bueno January 25, 2023 08:10 AM UTC

Also find the screenshot for it.

Attachment: syncfusion_grid__b05eb08e.zip

MS Monisha Saravanan Syncfusion Team January 26, 2023 10:04 AM UTC

Hi Kleber,

We were able to reproduce the issue at our end using the sample you provided. The issue appears to be caused by the width of the checkbox column being too narrow, which causes the checkbox to move to the top. To resolve this issue, we recommend increasing the width of the checkbox column.

Kindly check the attached code snippet and modified sample for your reference..


                    @*colums must be visible in one screen.*@

                    <GridColumn Type="ColumnType.CheckBox" MinWidth="50" ></GridColumn>


Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/GridRenderProblem-1717899719.zip

Please let us know if you have any concerns.

Marked as answer

KB Kleber Bueno replied to Monisha Saravanan January 26, 2023 10:50 AM UTC

Thanks for the effort. I can confirm the solution given worked fine.

MS Monisha Saravanan Syncfusion Team January 27, 2023 03:44 AM UTC

Hi Kleber,

Welcome. We are glad to her that the reported issue has been resolved. Kindly get back to us if you have further queries. As always we will be happy to help you.



Live Chat Icon For mobile
Up arrow icon