How to make Responsive layout in Grid

I have used Responsive layout in Grid using Devexpress (check below link).Can I use this feature in synfussion blazor grid.

https://demos.devexpress.com/aspxgridviewdemos/Adaptivity/ResponsiveLayout.aspx?device=tablet&rotate=0


3 Replies

MS Monisha Saravanan Syncfusion Team November 25, 2022 08:59 AM UTC


Hi Kins,


Greetings from Syncfusion.


We would like to inform that we have already documented an topic related to your requirement in our below UG section. By defining  Grid height as 100% will make the Grid responsive to the parent container. We can calculate and set the height to the parent container. So that the Grid will behave with mentioned height in the parent div. Kindly refer the below UG for additional information.


Reference: https://blazor.syncfusion.com/documentation/datagrid/scrolling#responsive-with-parent-container


Please let us know if you have further queries.


Regards,

Monisha



KI KINS November 26, 2022 05:09 AM UTC

Thanks for reply..


sorry I need adaptivity option in mobile /Tablet/Desktop.


check above devexpress link



MS Monisha Saravanan Syncfusion Team November 28, 2022 12:24 PM UTC

Hi Kins,


We would like to inform that in Blazor DataGrid we can enable adaptive mode by setting EnableAdaptiveUI as true. By using EnableAdaptiveUI property we can enable/disable the adaptive mode in DataGrid. Kindly refer the below documentation for your reference.


Reference: https://blazor.syncfusion.com/documentation/datagrid/adaptive-layout

https://blazor.syncfusion.com/demos/datagrid/adaptive-rendering?theme=bootstrap4


Kindly get back to us if we misunderstood your query or if you have further queries.




Loader.
Up arrow icon