DevExtreme Vue - Overview

The DataGrid is a widget that represents data from a local or remote source in the form of a grid.

It can visualize local and remote data. Refer to the following topics for details on binding the widget to your data source:

• Simple Array
• JSON Data
• OData Service
• Custom Sources

The DataGrid automatically creates columns for all data source fields by default. See the following topics for details on additional column configuration:

• Columns Overview
• Column Types: Data Columns | Band Columns | Lookup Columns | Command Columns

The widget has the rich UI that provides the following end-user capabilities:

• Editing
• Sorting
• Column Reordering
• Column Fixing
• Filtering and Searching
• Paging
• Scrolling
• Selection
• Grouping
• Summaries
• Focused Row
• Client-Side Exporting
• Master-Detail Interface

See Also

• DataGrid Demos