It’s been a while since the last blog post about DevExtreme Reactive controls and it’s time to catch up with the latest developments! Our developers have been hard at work and we are now on version 1.7. Here’s a summary of new functionality.
Vue Grid
The Vue Grid has received lots of attention in an effort to work towards feature parity with the React Grid.
Advanced Filtering
The filtering feature set of the Vue Grid is now the same as that of the React Grid. You can find documentation and demos here.
Banded Columns
Banded columns are fully supported now, including the ability to customize their appearance. They allow you to group columns in bands and provide group titles, making the structure of the grid easier to understand for the end-user. Here are documentation and demos.
Virtual Scrolling
Row and column virtualization enable the grid to deal with large data structures efficiently. Instead of generating row and column objects in memory for all data elements at once, the grid uses placeholders for the larger part of the data that is not currently visible at any given point. Documentation and demos for this functionality are here.
Column Chooser
This UI element allows the end-user to select visible columns at runtime. Here are documentation and demos.
Tree Data Mode
There is special support for hierarchical Tree Data in the Vue Grid now. The functionality is very flexible, so you can easily utilize any data structure you already have in your application.
In comparison to the React Grid, the hierarchical selection feature is currently missing.
Find documentation and demos for Tree Data in the Vue Grid here.
React Grid Summaries
The React Grid now supports very flexible summaries. Default summaries can be calculated automatically for all rows as well as for grouped subsets using Tree Data or Grouping. You can implement custom summary algorithms or completely take over the calculation algorithm (for instance to offload the job to a server), and of course you can influence the display format of calculated values.
Full documentation and demos are here.
React Chart Grouped and Stacked Series
Grouped and stacked series are now supported by the React Chart. These two features are implemented by the same plugin and a simple property defines whether a particular series is part of a stack. You can even customize order and offset parameters of the stack, and the documentation page shows an example of a Streamgraph to illustrate this.
Documentation and demos are here.
Test It Today!
All the features described above are available now and you can try them yourself by installing the latest versions of the DevExtreme Reactive packages.
What do you think? If you’d like to share your thoughts, please feel free to leave a comment below or post questions or suggestions to our GitHub issues page.