Example of Filter Menu in Javascript Data Grid Control

Filter Menu

This sample demonstrates the way of filtering Grid columns using menu, checkbox and excel filter UI. In this sample, click the filtering icon from column header to show filter UI for a particular column. You can change the filter type from the properties panel and while Excel filter type is selected, you can sort the column using the sorting option available in the excel filter dialog.

More Details...

Filter Type

The filtering feature enables the user to view the reduced amount of records based on filter criteria. It can be enabled by setting allowFiltering property as true. Grid supports the following filter types. They are FilterBar Menu CheckBox Excel you can change the filter type by setting filterSettings->type In this demo, filter menu enabled by default , you can switch to other filter type by using dropdown.