React DataTable Filtering

In this blog we will show you the filtering features of React DataTable.

The filtering capability is a must have in every modern DataTable component. Our DataTable for React JS offers all major row filtering features such as: contains, contains with a match case, empty, starts with, ends with, equals, equals with a match case and is null. You can filer string, number or date and time values. Our DataTable enables also complex conditions including filtering clauses with and/or. In order to filter the column you have to press the filtering icon next to the column name. You can also set the background of the filtered column in a different color.

React DataTable basic filtering

One of the basic filtering capabilities is the filter row option. It enables you to place a row having all the filters below the column header row.

You can implement an initial filter during the initialization of the data grid.

You can also have different filtering menu types. There are several built-in filtering menus amongst which is the TextBoxes filter. It can be very helpful if you wish to preset the values with which you want to do the filtering.

React DataTable Filtering

React DataTable advanced filtering

One advanced filtering capabilities of our React DatTable is date and range filters with a calendar. By using this feature you can filter dates with the help of all the available options in our advanced calendar component.

Another very useful capability is the custom filter menu. By using this feature you can create filtering menus by implementing the createfilterpanel function.

It is also possible to implement excel like filtering, which looks like a list box with check boxes on the left of the items.

Additionally you can customize all the conditions available in the columns popup menu.

About admin

This entry was posted in React, react grid, React Javascript Library, REACTJS and tagged , , , , . Bookmark the permalink.

Leave a Reply