Skip to content

Commit df49244

Browse files
Grids: add Choose a Data Management Component (#8102)
1 parent 150d9aa commit df49244

9 files changed

Lines changed: 52 additions & 0 deletions

File tree

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
DevExtreme includes four main components for data display and management:
2+
3+
- [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)
4+
- [TreeList](/Documentation/Guide/UI_Components/TreeList/Overview/)
5+
- [PivotGrid](/Documentation/Guide/UI_Components/PivotGrid/Overview/)
6+
- [CardView](/Documentation/Guide/UI_Components/CardView/Overview/)
7+
8+
Each component connects to similar [data sources](/Documentation/Guide/Data_Binding/Data_Source_Examples/). Selecting the relevant component depends on the structure of your data and your requirements.
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
Displays tabular data and enables editing. Features include filtering, sorting, grouping, and multiple editing modes. For the expanded list of features, refer to the [DataGrid Key Features](/Documentation/Guide/UI_Components/DataGrid/Overview/#Key_Features) help topic.
2+
3+
<img src="/images/DataGrid/data-grid-choose.png" alt="DevExtreme DataGrid" />
4+
5+
### Typical Usage Scenarios
6+
7+
- Detailed item lists: orders, customers, transactions
8+
- Tables with multiple editing options, including real-time updates
9+
- Large catalogs with varied data
10+
11+
[note] Use [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/) for flat data or master-detail scenarios that demand advanced table features.
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
Displays hierarchical data in a tree with grid-like features. Suitable for parent-child structures. For an expanded list of features, see [TreeList Key Features](/Documentation/Guide/UI_Components/TreeList/Overview/#Key_Features).
2+
3+
<img src="/images/treelist/tree-list-choose.png" alt="DevExtreme TreeList" />
4+
5+
### Typical Usage Scenarios
6+
7+
- Organizational structures: Customer Relationship Management (CRM) and Human Resource Management (HRM)
8+
- Category hierarchies (for example, project tasks)
9+
- File structures
10+
11+
[note] Use the [TreeList](/Documentation/Guide/UI_Components/TreeList/Overview/) for hierarchical (parent-child) structures, or when both tree and table formats are needed.
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
Displays and analyzes multidimensional data. Used for OLAP reporting and analytics. Supports custom aggregation. For an expanded list of features, see [PivotGrid Key Features](/Documentation/Guide/UI_Components/PivotGrid/Overview/#Key_Features).
2+
3+
<img src="/images/pivotgrid/pivot-grid-choose.png" alt="DevExtreme PivotGrid" />
4+
5+
### Typical Usage Scenarios
6+
7+
- Sales analysis by region, period, or product
8+
- Comparison of financial metrics
9+
- Presenting information in tabular form and as charts
10+
11+
[note] Use the [PivotGrid](/Documentation/Guide/UI_Components/PivotGrid/Overview/) for multidimensional datasets requiring flexible aggregation, analysis, and pivoting.
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
Displays data records as cards. Ideal for visual layouts, adaptive interfaces, and scenarios focused on presentation. For an expanded list of features, see [CardView Key Features](/Documentation/Guide/UI_Components/CardView/Overview/#Key_Features).
2+
3+
<img src="/images/CardView/card-view-choose.png" alt="DevExtreme CardView" />
4+
5+
### Typical Usage Scenarios
6+
7+
- Product directories with images
8+
- Employee or customer lists
9+
- Kanban-style boards for projects or tasks
10+
11+
[note] Use the [CardView](/Documentation/Guide/UI_Components/CardView/Overview/) when each item needs a visual format or when responsive, mobile layouts matter.
468 KB
Loading
167 KB
Loading
184 KB
Loading
206 KB
Loading

0 commit comments

Comments
 (0)