HTML5-JavaScript Pivot Grid – Enhancements (Coming soon in v16.1)

In the v16.1 release, the DevExtreme JavaScript Pivot Grid has been enhanced with great enhancements like a field panel, charts integration, and layout improvements.

Field Panel

The field panel displays fields involved in summary calculation and allows to dynamically change report options (filtering conditions and sorting order) directly in the widget:

The field panel provides you the capability to change any field option at runtime using the context menu. You can easily reach this performing the required data calculations within the 'onContextMenuPreparing' event handler. So, you can implement a custom context menu with a collection of summary types, for example, sum, average, minimum, maximum, and etc. Also, you can specify a similar event handler for the DevExtreme Pivot GridFieldChooser widget.

Charts integration

The DevExtreme Pivot Grid widget can handle processing large amounts of data easily. However, it's not easy to visualize large amounts of data. So one way to manage that is to use charts to summarize large amounts of data. And with the v16.1 releaes, the DevExtreme Pivot Grid can easily integrate with a chart to help you process large amounts of data and show a corresponding chart next to it!

Simply pass a chart instance and additional settings for showing multidimensional data to the 'bindChart' method of DevExtreme Pivot Grid.

Layout Enhancements

Besides features mentioned above, the DevExtreme Pivot Grid widget includes some layout improvements. One of them is a tree layout mode designed for hierarchical items in a row header. By default, such items placed in row take too much space on the screen. However, using the new layout helps to optimize this area and use it more effectively.

The other new layout feature is relocatable data field header. Previously, data field headers could be displayed only in columns. Starting with the upcoming release, you can specify whether they are located in columns or rows.

These features are part of the DevExtreme v16.1 release. Thanks!