Find @devextreme/react Examples and Templates
Use this online @devextreme/react playground to view and fork @devextreme/react example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!
Test charge analyse completeDevExtreme React PivotGrid is a UI component for multi-dimensional data analysis. It can process data from local arrays and OLAP cubes (MS SQL Server Analysis Services), as well as from custom remote services. Learn more about DevExtreme React components.
To get started with the DevExtreme PivotGrid component, refer to the following tutorial for step-by-step instructions: Getting Started with PivotGrid.
NOTE
Need to create printable documents simply? Try our .NET-based DevExpress Reports: they ship with an intuitive Visual Studio Report Designer, Web Report Designer for end-user ad-hoc reporting, and a rich set of report controls, including cross tabs and charts.
You can generate a variety of report types — from simple mail-merge, table, and vertical reports to master-detail (hierarchical) and cross-tab reports, print or export them to PDF, Excel, and other formats.
Develop using VS Code? Leverage the capabilities of a brand new VS Code Report Designer extension to create and edit reports/documents on any platform, be it Windows, macOS, or Linux.
Get Started with DevExpress Reports | Explore Demos
Strip Lines - DevExtreme Gantt (forked)This demo illustrates how to use strip lines to highlight different times in the DevExtreme JavaScript Gantt component. The Gantt stores strip lines in its stripLines collection. You can specify a title (title) and appearance settings (CssClass) for each strip line.
Use the start property to specify an individual strip line or combine it with the end property to specify a time interval.
Master-Detail API - DevExtreme Data Grid (forked)DataGrid API allows you to implement custom expand/collapse logic for master-detail rows. This example uses the expandRow(key) and collapseAll(groupIndex) methods inside the onSelectionChanged event handler to allow you to expand only one row at a time.
Master-Detail API - DevExtreme Data Grid (forked)DataGrid API allows you to implement custom expand/collapse logic for master-detail rows. This example uses the expandRow(key) and collapseAll(groupIndex) methods inside the onSelectionChanged event handler to allow you to expand only one row at a time.