Greetings from Syncfusion support.
Query: “Are you planning on making the components responsive?”
We suspect that you want to Grid to be responsive based on its parent container. We suggest you to achieve your requirement by defining the Grid height, Width as 100% and defining a specific height for parent element. Refer the below code example
<div id='container' class='e-resizable'>
<EjsGrid DataSource="@Orders" Height="100%" Width="100%">
<GridColumns>
…………………………………………………
</GridColumns>
</EjsGrid> </div>
<style> .e-resizable { resize: both; overflow: auto; border: 1px solid red; padding: 10px; height: 300px; min-height: 250px; min-width: 250px; } .e-text{ font-family: Helvetica, sans-serif; font-size: 14px; } </style>
|
Refer our UG documentation for your reference
Please get back to us with more details about your requirement, if we misunderstood your requirement
Regards,
Vignesh Natarajan.