The blazing-fast DevExtreme HTML5 Data Grid is a feature-rich data shaping and editing
client-side widget allowing your end-users to easily manage information and
display it on-screen as business requirements dictate.
From desktops to mobile devices, DevExtreme HTML5 Data Grid delivers the flexibility you’ll need to build apps that reach the widest audience and deliver touch-first user experiences to power your next great interactive website.
Standard, Virtual and Infinite Scrolling Modes
DevExtreme’s HTML5 Grid puts control in your hands. Three distinct data scrolling modes allow
you to deliver the user-experience that is most appropriate to the information your application
Integrated Data Shaping and Grouping
The DevExtreme HTML5 Data Grid can automatically split content across multiple pages and
allow you to navigate data using its built-in page.
A rich set of configuration options provide total control over pager behavior.
Standard and Batch-Enabled Data Editing
Flexibility lies at the heart of the DevExtreme HTML5 Data Grid.
Four in-cell data editors and intuitive data edit modes makes use of the grid easy and straightforward.
Filtering and Search Panel
Whether you choose to integrate Excel-inspired filtering within the grid or prefer to use our API
to introduce custom search features within your web app, the DevExtreme HTML5 Data Grid
offers numerous data filter options to address any business need.
DevExtreme HTML5 Data Grid ships with built-in support for DevExtreme’s data input validation engine. With this capability, you can validate input on the client before posting changes made. Client-side validation helps improve overall app performance because it avoids unnecessary callbacks.
From the number of records within a group or maximum value across all rows in a dataset, the DevExtreme HTML5 Data Grid allows you to use aggregate functions to display summarized information for rows and columns using standard or custom display format options. The following built-in aggregate functions are fully supported: Average, Count, Max, Min and Sum.
Master-Detail Data Representation
The DevExtreme HTML5 Data Grid allows you to export its contents to an Excel file with ease. You can export all rows or only those selected. Data types in the output file are maintained — numbers remain numbers, dates remain dates. This allows users to work with the exported data inside Excel without any data transformation.
Flexible Binding Options
Each DevExtreme widget includes a jQuery plugin and bindings to AngularJS and KnockoutJS.
You can choose whether to create a widget via the standard jQuery method or use the declarative bindings
and support for MVVM by creating the widget for AngularJS or KnockoutJS. Regardless of the approach you choose,
you create and initialize the widget once, passing an object with specified configuration options.
From right to left support and column customization, to custom templates and grid state management,
DevExtreme’s HTML5 Data Grid ships with numerous high-performance features,
many of which you can explore today by reviewing our online technical demos.