From c2f428ec9015e7903bf2c0b71ea88a1ebaac37cc Mon Sep 17 00:00:00 2001 From: Vlada Skorokhodova Date: Tue, 7 Oct 2025 14:50:58 +0400 Subject: [PATCH] Grids: add Choose a Data Management Component --- .../00 Choose a Data Management Component.md | 8 ++++++++ .../05 Overview.md | 11 +++++++++++ .../10 Use Cases.md | 19 +++++++++++++++++++ .../15 Tips.md | 4 ++++ 4 files changed, 42 insertions(+) create mode 100644 concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/00 Choose a Data Management Component.md create mode 100644 concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/05 Overview.md create mode 100644 concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/10 Use Cases.md create mode 100644 concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/15 Tips.md 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 Overview.md b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/05 Overview.md new file mode 100644 index 0000000000..e3cd020694 --- /dev/null +++ b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/05 Overview.md @@ -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. \ No newline at end of file diff --git a/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/10 Use Cases.md b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/10 Use Cases.md new file mode 100644 index 0000000000..c661ed61b1 --- /dev/null +++ b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/10 Use Cases.md @@ -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 \ No newline at end of file diff --git a/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/15 Tips.md b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/15 Tips.md new file mode 100644 index 0000000000..9525bb95bc --- /dev/null +++ b/concepts/05 UI Components/DataGrid/07 Choose a Data Management Component/15 Tips.md @@ -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. \ No newline at end of file