This repository demonstrates how to enable the adaptive UI layout in the Syncfusion Angular Data Grid component. It shows the supported row render modes, including horizontal row rendering and vertical row rendering, to provide an optimized and responsive user experience across mobile, tablet, and desktop devices.
Refer to the following documentation to learn about the Angular Data Grid component: https://ej2.syncfusion.com/angular/documentation/grid/adaptive
Check out this online example of the Angular Data Grid component: https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/adaptive-layout
Make sure that you have the compatible versions of Visual Studio Code and NodeJS or later version in your machine before starting to work on this project.
To run this application, you need to first clone the how-to-enable-adaptive-ui-layout-in-the-angular-data-grid-component repository and then open it in Visual Studio Code. Now, simply Build and run your project using the ng serve command to view the output.