Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
DevExtreme includes four main components for data display and management:

- [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)
- [TreeList](/Documentation/Guide/UI_Components/TreeList/Overview/)
- [PivotGrid](/Documentation/Guide/UI_Components/PivotGrid/Overview/)
- [CardView](/Documentation/Guide/UI_Components/CardView/Overview/)

Each component connects to similar [data sources](/Documentation/Guide/Data_Binding/Data_Source_Examples/). Selecting the right one depends on the structure of your data and your requirements.
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
**DataGrid**
Displays tabular data and enables editing. Features include filtering, sorting, grouping, and multiple editing modes.

**TreeList**
Displays hierarchical data in a tree with grid-like features. Suitable for parent–child structures.

**PivotGrid**
Displays and analyzes multidimensional data. Used for OLAP reporting and analytics. Supports custom aggregation and pivoting.

**CardView**
Displays data records as cards. Ideal for visual layouts, adaptive interfaces, and scenarios focused on presentation.
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
**DataGrid**
- Detailed item lists: orders, customers, transactions
- Tables with multiple editing options, including real-time updates
- Large catalogs with varied data

**TreeList**
- Organizational charts
- Category hierarchies
- File structures

**PivotGrid**
- Sales analysis by region, period, or product
- Comparison of financial metrics
- Pivot tables for reports and charts

**CardView**
- Product directories with images
- Employee or customer lists
- Kanban-style boards for projects or tasks
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
- Use **DataGrid** for flat data or master-detail scenarios that demand advanced table features.
- Use **TreeList** for hierarchical (parent-child) structures or when both tree and table formats are needed.
- Use **PivotGrid** for multidimensional datasets requiring flexible aggregation, analysis, and pivoting.
- Use **CardView** when each item needs a visual format or when responsive, mobile layouts matter.
Loading