HTML5 Data Grid: Master Detail, Input Validation and More (Now available in v14.2)

Thinking Out Loud
19 November 2014

We launched our HTML 5 Data Grid in June of this year. With this update, we've extended and refined its capabilities with the following new features.

Master Detail

The name of this feature says it all...The grid now supports master-detail so you can deliver information-rich user experiences in your next web app.

HTML 5 Data Grid Master Detail View


Data Summaries

Our HTML 5 Data Grid can now display total and group summary information for all rows within a column. Total summaries are displayed within the grid footer. Group summaries can be displayed within grouped rows or as a group footers.

HTML5 Grid Data Summaries

Input Validation

The Data Grid fully supports DevExtreme's HTML5 Input Validation engine, allowing you to specify rules . The rules can be defined for grid columns directly within the grid’s configuration object.

HTML 5 Data Grid Input Validation


Additional Enhancements

  • New data filter mode: End-users can specify filters for multiple columns and apply them simultaneously.
  • New “cell” editing mode: Once end-users edit an individual cell, its input value will be committed to the server immediately.
  • Navigation buttons and information on the currently viewed grid page have been added to the pager.
  • Improved performance (as a result of partial rendering).

As always, we'd love to hear your thoughts...let us know what you think of these new features.

1 comment(s)
abdulkadir cakir
abdulkadir cakir

Wonderful. Thanks

19 November, 2014

Please login or register to post comments.