Prev‹ | Next›

Grid Functionality / Filtering

Theme

Light

Dark

Flat

Gradient

This example shows the filtering capabilites of the ShieldUI Grid control.

The filter is initially set for the Person Name column by initializing the DataSource's filter option.

The last column of the Grid is filtered by a custom filter widget. This is done by adding a filter widget with the callback function for customFilter property of the column. If you want ot leave the grid to filter internally by using this external widget's value instead of calling manually the filter function you need to handle the getCustomFilterValue event and pass the selected value.

You can find the gridData.js file contents here: gridData.js