HTML5-JavaScript DataGrid Enhancements (v17.1)

04 May 2017

Check out these two new features of the powerful DevExtreme DataGrid widget in the v17.1 release.

Advanced Column Resizing

You now have two choices of how the DataGrid will resize columns:

  • widget - modifies the width of the entire widget. In other words, the widget itself will grow or shrink when a column is resized.
  • nextColumn - the widget width stays the same when a column is resized but instead the column immediately to the right will expand or contract.

This gif shows the two options in action:

DevExtreme DataGrid - Column Resizing

You can still control the minimum column size using the columnMinWidth and column.minWidth options.

Popup Edit Form

A new popup edit form will display a modal popup that provides your end-users an alternative way to edit the grid's data:

DevExtreme DataGrid Popup

By default, the Popup Edit Form is auto-generated based on column settings, but you can customize it through the options or redesign it using templates.

And both these features are available for the new TreeList widget as well.

What do you think about the new DevExtreme DataGrid enhancements? Drop me a line below.

Email: mharry@devexpress.com

Twitter: @mehulharry


Create highly responsive web apps for touch-enabled devices and traditional desktops.

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.

Download a free and fully-functional version of DevExtreme now: Download DevExtreme

3 comment(s)
nasser 1

Its good now we can resize columns

but still there is no PersianCalendar support

so we cant use datagrid

5 May, 2017
Jim Foye

Looks awesome!

5 May, 2017
APB

Excellent!

8 May, 2017

Please login or register to post comments.