This repository contains categorized sample applications that demonstrate how to use the Syncfusion EJ2 Angular Grid in real-world scenarios such as database connectivity, adaptor-based data binding, and backend service integration.
The ej2-angular-grid-samples repository provides a collection of focused examples designed to help developers understand different data binding and integration patterns supported by the Syncfusion EJ2 Angular Grid. Each sample is organized by scenario, making it easier to explore and learn specific approaches without unnecessary complexity.
The samples primarily focus on connecting the Angular Grid component with databases, adapters, and backend services commonly used in modern web applications. These examples are intended for developers who want practical references while building enterprise-grade Angular applications using Syncfusion components.
This section demonstrates how the EJ2 Angular Grid can be connected to various database technologies using different data access approaches. The samples include integrations with:
- Dapper
- SQLite
- Entity Framework
- Microsoft SQL Server (MSSQL)
- MySQL
- PostgreSQL
Each folder contains an isolated example showing how grid data is retrieved and displayed from the respective database source.
These samples showcase adaptor-based data binding techniques supported by the EJ2 Angular Grid. The available adaptor examples include:
- Custom Adaptor
- OData v4 Adaptor
- Remote Save Adaptor
- URL Adaptor
- Web API Adaptor
- Web Method Adaptor
These examples help demonstrate how the grid communicates with different data services and handles operations such as paging, sorting, and CRUD actions.
This section contains samples that integrate the Angular Grid with various backend frameworks and server technologies. The examples include:
- Custom binding
- Apollo GraphQL
- Django server
- Express server
- FastAPI server
- Flask API server
- GraphQL server
- Hot Chocolate server
- Next.js server
These samples illustrate end-to-end data flow between frontend Angular applications and backend services.
Each sample folder is self-contained. Navigate to the required sample directory, install dependencies, and run the application to see the EJ2 Angular Grid in action with the selected data source or backend.