ASP.NET Team Blog

This Blog


Mehul Harry is the DevExpress Web Program Manager. Follow him on twitter: @Mehulharry

Subscribe (RSS, Email)


HTML5-JavaScript DataGrid Enhancements (v17.1)

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.


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

Published May 04 2017, 10:02 AM by
Filed under: , ,
Bookmark and Share


nasser 1

Its good now we can resize columns

but still there is no PersianCalendar support

so we cant use datagrid

May 5, 2017 12:57 AM

James Foye

Looks awesome!

May 5, 2017 10:17 AM



May 8, 2017 2:50 PM

About Mehul Harry (DevExpress)

Mehul Harry is an ASP.NET technical evangelist at Developer Express. You can reach him directly at You can also follow him on Twitter:

Chat is one of the many ways you can contact members of the DevExpress Team.
We are available Monday-Friday between 7:30am and 4:30pm Pacific Time.

If you need additional product information, write to us at or call us at +1 (818) 844-3383


DevExpress engineers feature-complete Presentation Controls, IDE Productivity Tools, Business Application Frameworks, and Reporting Systems for Visual Studio, Delphi, HTML5 or iOS & Android development. Whether using WPF, ASP.NET, WinForms, HTML5 or Windows 10, DevExpress tools help you build and deliver your best in the shortest time possible.

Copyright © 1998-2018 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners