Find @devexpress/analytics Core Examples and Templates
Use this online @devexpress/analytics-core playground to view and fork @devexpress/analytics-core 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!
Angular 8 Devexpress Report DesignerDevExtreme HTML5 JavaScript Navigation Widgets are adaptive controls that help you implement navigation in your application. They provide intuitive UI, adaptive design, and customization flexibility. Available as Angular components, these widgets support native Angular features: AOT compilation, declarative configuration, TypeScript compile-time checking, and more.
Dashboard Angular SandboxYou can use the DataGrid widget to display and edit data from an array of objects. Use the dataSource and keyExpr options to specify the bound array and its key field. For more information, refer to the following help topic: Local Array.
Use the columns option to specify a list of data fields you want to display within the DataGrid as columns. If the columns option is not specified, the widget creates columns for all data fields available in objects from the bound array.
Overview - DevExtreme Data Grid (forked)To enable export in the DataGrid, reference or import the ExcelJS and FileSaver libraries. Set export.enabled to true.
Once the conditions above are met, use the exportDataGrid(options) method to export the DataGrid to an Excel workbook.
Review the onExporting handler to see the data export code. DataGrid is exported as is to a single worksheet. You can also set allowExportSelectedData to true to export only selected rows.
Overview - DevExtreme Pivot Grid (forked)DevExtreme 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. In addition, Pivot Grid supports advanced UI customization using template components and render props. Declared PropTypes for typechecking are included as well. Learn more about DevExtreme React components.
Simple Array - DevExtreme Data Grid (forked)You can use the DataGrid widget to display and edit data from an array of objects. Use the dataSource and keyExpr options to specify the bound array and its key field. For more information, refer to the following help topic: Local Array.
Use the columns option to specify a list of data fields you want to display within the DataGrid as columns. If the columns option is not specified, the widget creates columns for all data fields available in objects from the bound array.
