Example of Column Menu in Javascript Data Grid Control

/
/
Column Menu

This sample demonstrates the default functionalities of the ColumnMenu. Click on multiple icon of each column to open the column menu.

More Details...

Description

Grid has option to show column menu when click on multiple icon of each column. The column menu has integrated options to interact the features like sorting, grouping, filtering, column chooser and autoFit. This features can be enabled by defining the showColumnMenu as true. The default items are SortAscending - Sort the current column in ascending order. SortDescending - Sort the current column in descending order. Group - Group the current column. Ungroup - Ungroup the current column. AutoFit - Auto fit current column. AutoFitAll - Auto fit all columns. ColumnChooser - Choose the column visibility. Filter - Show the filter option as given in filterSetting-> type. In this demo, Column Menu feature has enabled by defining showColumnMenu as true with sorting, grouping, filtering, column chooser and autoFit options. Injecting Module Grid features are segregated into individual feature-wise modules. To use column menu feature, we need to inject ColumnMenu module using the Grid.Inject(ColumnMenu) section.