Our HTML5 jР°vascript Data Grid can use local arrays, JSON files, WebAPI and OData services. In addition, custom remote services can be used as a remote data source with just a few lines of client-side code. The DevExtreme Data Grid is built for speed and ready to tackle your toughest business challenge. With integrated server-side support for data filtering, paging, sorting, record grouping, and summary computations extremely large datasets are never an issue for the DevExtreme Data Grid.

Adaptability Inside
The DevExtreme Data Grid was engineered with mobile devices in mind. With it, you can deliver high-impact user experiences that adapt to different screen resolutions — from desktops, to tablets and smartphones.

Master-Detail Made Easy
With our HTML5 jР°vascript Data Grid, you can build and display master-detail layouts of any complexity. And with a feature-complete API, you can implement your own UI logic whenever necessary and deliver user experiences that amaze.

Powerful Data Shaping and Record Grouping Options
Our Data Grid can sort and group data against multiple columns and present information in its most and readable format. The Group Panel ships with a series of customization options so that end-users can manage display options as needs dictate.

Integrated Filtering and Search Panel
Whether you choose to leverage its built in Excel-inspired filtering UI or prefer to use its API to create custom search options, the DevExtreme HTML5 jР°vascript Data Grid offers multiple data filtering options to address any business need, anytime.

Built-in Data Editing and Validation
Four in-cell data editors and intuitive data edit modes make use of the grid easy and straightforward. Data modification can be initiated in five edit modes: row, batch, cell, form, and popup. All editors include built-in client-side validation with a predefined set of validation rules including email, numeric, range, compare, custom, etc.

Intuitive Record Selection
Our Data Grid includes a rich set of record selection options. From single to multi-select modes, we’ve engineered it so you can deliver the most intuitive user experience to your end-users.

Column and Layout Customization
Our Data Grid ships with fixed column support so you can improve data readability. In addition, we ship countless runtime layout options including the ability to resize, reorder, hide and display individual grid columns.

Data Summaries
The DevExtreme HTML5 jР°vascript Data Grid allows you to use aggregate functions and display summarized information for rows and columns via both standard or custom display format options. Built-in aggregate functions include Sum, Count, Average, Min and Max.

Comprehensive Data Export Options
The DevExtreme HTML5 jаvascript Data Grid allows you to export its contents to an Excel file with ease. You can export all rows or only those selected within the Grid. Our export engine retains data types during all export operations — numbers remain numbers, dates remain dates. This eliminates any unnecessary data transformations and ensures a seamless cross-app user experience.

Optimized for Touch-First User Experiences
From desktops to mobile devices, DevExtreme HTML5 jаvascript Data Grid delivers the flexibility you’ll need to build apps that reach the widest audience and deliver touch-first user experience to power your next great interactive website.

The DevExtreme HTML5 jР°vascript Pivot Grid is a feature-rich client-side widget optimized for multi-dimensional data analysis and ships with a rich set of runtime customization options so your users can quickly summarize business trends via its cross-tabular display format.

Data-Binding
From in-memory arrays to JSON, OData or Web API service - the DevExtreme HTML5 Tree List widget can consume data from any information source. The flexibility of our Tree List widget is such that you do not need to feed it hierarchical data structures. Even with a collection of linked plain objects, the Tree List can still build a tree hierarchy.

Adaptability Inside
The DevExtreme Tree List was engineered with mobile devices in mind. With it, you can deliver high-impact user experiences that adapt to different screen resolutions – from desktops, to tablets and smartphones.

Data Editing and Record Validation
Five intuitive edit modes and a variety of in-cell editors make data editing simple and straightforward. All Tree List editors include built-in client-side validation with a predefined set of validation rules including email, numeric, range, compare, custom, etc.

Record Selection
Our HTML5 jаvascript Tree List widget includes two built-in record selection options. From single to multi-select modes, we’ve engineered it so you can deliver the most intuitive user experience to your end-users.

Filtering and Searching
The DevExtreme Tree List widget ships with two filtering UI elements: an Excel-inspired filter row and column header filter. In addition, an Outlook-inspired search panel makes it a breeze to locate records that match a specific value.

Scrolling
Big data requires blazing fast record scrolling. To ensure the very best user experience, our Tree List ships with a virtual scroll mode designed to load only those records needed for the viewport so your apps are always fast, always responsive.

Column and Layout Customization
Our HTML5 jР°vascript Tree List ships with fixed column support so you can improve data readability. In addition, we ship countless runtime layout options including the ability to resize, reorder, hide and display individual columns.

From next-gen websites, to those targeting mobile devices, DevExtreme ships with a fully integrated collection of high-performance data visualization widgets for all your business intelligence needs.

DevExtreme data visualization widgets allow you to transform data to its most appropriate, concise, and readable visual representation. All chart, gauge and range selector widgets can be composed into beautiful, informative dashboards that effectively convey information at a single glance. And as you might expect, the widgets that ship as part of DevExtreme Web Edition can easily be themed and styled to address any UI requirement.

Interactive jР°vascript Range Selector Widget
The Range Selector Widget allows you to specify a range using either date/time or numeric scales. To simplify its use, scale type is auto-generated based on your data source. Options include the ability to display major and minor tick marks, display background colors, images or even a chart. Extended end-user interactions include ability to move sliders by mouse or touch and to bind the Range Selector to a chart for scrolling and zooming operations.

Different Providers - One API
The interactive experiences you can build with DevExtreme are nearly endless. A HTML JS Map widget have been engineered so you can deliver solutions in the shortest time frame. Google and Bing providers, roadmap, satellite and hybrid views, customizable markers and routes — it’s easy to display a map in a line-of-business (LOB) application.

Predefined and Custom Vector Maps
The DevExtreme Vector Map Widget provides an interactive map that you can customize by using different data sources. Indicate special places on your map using a set of markers. Customize areas and markers to your own requirements. This widget ships with a client API that allows you to handle hovering, clicking and selection for areas and markers.

Multiple Item Types
The DevExtreme HTML5 jР°vascript Form widget is designed to present and edit data stored in an object. This widget allows you to bind each layout item to a specific data field or generate a new data object based upon form field values. The primary elements which comprise the widget are labels, empty items, labeled groups and tabbed items. dxForm can auto-generate labels and 4 types of editors automatically from data. You can initialize 9 additional editor types within dxForm.

Because the DevExtreme HTML5 jаvascript Form widget adapts layout elements based on window size, it’s optimized for use on both mobile devices and on desktops (A single-column layout is generally used for mobile. One or more columns used for desktops).

Only for V.I.P