The DevExpress ASP.NET MVC GridView enables you to provide your end-users with a mobile-friendly Customization Dialog to help them refine grid data when working under touch-enabled user interfaces. The dialog is optimized for the use on touch-based UI devices, such as tablets, mobile phones and desktops/laptops with touchscreen monitors.
The following pages are available within the Customization Dialog to perform corresponding column-level data shaping operations:
Enables users to sort/unsort grid columns, change the applied sorting order of columns, and change the order of sorted columns within the grid.
Enables users to group/ungroup grid columns and change the order of grouping columns within the grid.
Enables users to filter grid columns by entering filter criteria.
Enables users to change the order and visibility of columns.
Use the SettingsCustomizationDialog property to access settings that specify the availability of the Customization Dialog and its pages. Note that by default, the Customization Dialog is disabled; to enable it, set the SettingsCustomizationDialog.Enabled property to true.
To display the Customization Dialog, call the ShowCustomizationDialog client method or create a toolbar item with the Command property set to the ShowCustomizationDialog enumeration value.
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxGridViewDemos