Find Devexpress Dashboard Angular Examples and Templates
Use this online devexpress-dashboard-angular playground to view and fork devexpress-dashboard-angular 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!

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.

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.

Virtual Scrolling - DevExtreme Scheduler (forked)With virtual scrolling, you can improve the overall performance of your application and reduce load times when our Scheduler component is bound to a large data set. When virtual scrolling is enabled, our Scheduler only renders visible appointments. When an appointment leaves the viewport, the Scheduler removes it from the DOM. The data set in this demo contains 100 groups with 9 appointments each.
To enable virtual scrolling mode, set the scrolling.mode property to "virtual".
Virtual scrolling support is available in the following Scheduler views: "day", "week", and "workWeek".

Dashboard Angular Sandbox (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.

Overview - DevExtreme Gantt (forked)The DevExtreme JavaScript Gantt component allows you to display task flow and dependencies between tasks over a specified period.
You can move and modify tasks (task name, duration or progress, for example) directly from the chart. Adjust the timescale to display tasks in smaller or greater time intervals, from hours to years. Hold the CTRL key and rotate your mouse's scroll wheel to zoom and browse data in detail.
NOTE
The Gantt component requires specific imports. Refer to the following step-by-step tutorial to learn more: Getting Started with Gantt.




