DataGrid for DevExtreme - How to use DataGrid with a WebAPI

This example demonstrates how to configure the DataGrid widget to work with a remote WebAPI data service. In the example, the DataGrid supports the following features:

• Remote Operations (Paging, Sorting, Filtering, Grouping, Summary)
• Master Detail
• Editing
• Lookup Columns
• Calculated Columns

Getting Started

1. Clone the repository.

git clone https://github.com/DevExpress-Examples/devextreme-datagrid-with-webapi.git

2. Open the datagrid-webapi/datagrid-webapi.sln solution in Visual Studio 2015 or higher.

3. Build and run the solution.

When the application is running, you can view/filter/sort/group orders, view order details, and add/modify/delete orders or order detail items.

Documentation

• Getting Started with DataGrid
• DataGrid - API Reference

More Examples

• DataGrid for DevExtreme - How to use DataGrid in an MVC 5 App
• PivotGrid for DevExtreme - How to use PivotGrid with a WebAPI
• DevExtreme with Webpack
• DevExtreme with JSPM
• DevExtreme with RequireJS
• DevExtreme with Vite - How to create a bundle with DevExtreme Vue components

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)