Hi ,
Greetings from Syncfusion support,
After validating your query, we suggest the following solution.
By default, the Grid control allows you to create a responsive layout by making it fill its parent container and automatically adjusting its size based on the available space and changes in the container’s dimensions. This capability is particularly useful for building applications that need to adapt to various screen sizes and devices.
It is important to note that for the height property to be effective at 100%, the parent element of the Grid must have a defined height. This configuration ensures that the Grid's height adjusts according to the parent container. Please adjust the parent container to make the Grid visible in full-screen size.
Please refer to the documentation Link below for more information.
Code Example :
<div style="height: 700px; width: 1700px"> <ejs-grid height="100%" width="100%" > |
Please get back to us if you need further assistance.
Regards,
Sivaranjani R.
