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 2.4.0.42
Thanks
Kleber
Attachment: syncfusion_8f4ed1a2.zip
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.
https://blazor.syncfusion.com/documentation/datagrid/selection#checkbox-selection
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.
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.
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..
<GridColumns> @*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.
Thanks for the effort. I can confirm the solution given worked fine.
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.
Regards,
Monisha