diff --git a/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/00 Choose a Data Management Component.md b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/00 Choose a Data Management Component.md new file mode 100644 index 0000000000..3cc1614a7c --- /dev/null +++ b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/00 Choose a Data Management Component.md @@ -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. \ No newline at end of file diff --git a/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/05 DataGrid.md b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/05 DataGrid.md new file mode 100644 index 0000000000..d5771aaf19 --- /dev/null +++ b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/05 DataGrid.md @@ -0,0 +1,11 @@ +Displays tabular data and enables editing. Features include filtering, sorting, grouping, and multiple editing modes. + +DevExtreme DataGrid + +Use it for: + +- Detailed item lists: orders, customers, transactions +- Tables with multiple editing options, including real-time updates +- Large catalogs with varied data + +[note] Use [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/) for flat data or master-detail scenarios that demand advanced table features. diff --git a/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/10 TreeList.md b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/10 TreeList.md new file mode 100644 index 0000000000..75feca914d --- /dev/null +++ b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/10 TreeList.md @@ -0,0 +1,11 @@ +Displays hierarchical data in a tree with grid-like features. Suitable for parent-child structures. + +DevExtreme TreeList + +Use it for: + +- Organizational charts +- Category hierarchies +- File structures + +[note] Use [TreeList](/Documentation/Guide/UI_Components/TreeList/Overview/) for hierarchical (parent-child) structures or when both tree and table formats are needed. diff --git a/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/15 PivotGrid.md b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/15 PivotGrid.md new file mode 100644 index 0000000000..c1e98f2613 --- /dev/null +++ b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/15 PivotGrid.md @@ -0,0 +1,11 @@ +Displays and analyzes multidimensional data. Used for OLAP reporting and analytics. Supports custom aggregation and pivoting. + +DevExtreme PivotGrid + +Use it for: + +- Sales analysis by region, period, or product +- Comparison of financial metrics +- Pivot tables for reports and charts + +[note] Use [PivotGrid](/Documentation/Guide/UI_Components/PivotGrid/Overview/) for multidimensional datasets requiring flexible aggregation, analysis, and pivoting. diff --git a/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/20 CardView.md b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/20 CardView.md new file mode 100644 index 0000000000..7a1b8d854f --- /dev/null +++ b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/20 CardView.md @@ -0,0 +1,11 @@ +Displays data records as cards. Ideal for visual layouts, adaptive interfaces, and scenarios focused on presentation. + +DevExtreme CardView + +Use it for: + +- Product directories with images +- Employee or customer lists +- Kanban-style boards for projects or tasks + +[note] Use [CardView](/Documentation/Guide/UI_Components/CardView/Overview/) when each item needs a visual format or when responsive, mobile layouts matter. \ No newline at end of file diff --git a/images/CardView/card-view-choose.png b/images/CardView/card-view-choose.png new file mode 100644 index 0000000000..7c12b93b1e Binary files /dev/null and b/images/CardView/card-view-choose.png differ diff --git a/images/DataGrid/data-grid-choose.png b/images/DataGrid/data-grid-choose.png new file mode 100644 index 0000000000..0d2b89bb44 Binary files /dev/null and b/images/DataGrid/data-grid-choose.png differ diff --git a/images/pivotgrid/pivot-grid-choose.png b/images/pivotgrid/pivot-grid-choose.png new file mode 100644 index 0000000000..d66a31b533 Binary files /dev/null and b/images/pivotgrid/pivot-grid-choose.png differ diff --git a/images/treelist/tree-list-choose.png b/images/treelist/tree-list-choose.png new file mode 100644 index 0000000000..4c025bf817 Binary files /dev/null and b/images/treelist/tree-list-choose.png differ