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:
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:
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