Give us feedback

Stable version 1.0.1 (Compatible with OutSystems 11)

Uploaded on 08 December 2020 by

Erik Bleifield

5.0

(1 rating)

Details

This project provides an approach to add some basic column filters for use in table headers in React Web, which will work properly with the built in sorting. The actual filtering is accomplished within a database query and not performed client side.

Webblocks are provided for:

Text fields
Numeric ranges
Date ranges
Dropdown picklists

Release notes (1.0.1)

Added a way to clear filters.

Added logic to check that a numeric filter was indeed numeric.

Reviews (0)

Related assets

Use the Data Grid component to build complex, scalable, and reactive data-rich interfaces. Enable users to securely view, explore and edit large amounts of data in a familiar, Excel-like UI.

8823

View, explore, and edit large amounts of data in a familiar spreadsheet interface with the OutSystems Data Grid component for Reactive Web apps.

7654

It is a widget that allows the end user to build the filter criteria by the use of extended set of conditions, can be used in lists or advanced reports.

987

More from Erik Bleifield

This Component will display your pre-formatted HTML in React Mobile and React Web.

186

This project demonstrates an easy way to incorporate robust diagram or flowchart editing similar to Visio via Draw.IO (www.draw.io) from within any OutSystems web application. This approach is useful for any kind of wiki or content management application where you would want to incorporate diagram editing directly on the web.

237

This demo provides an HTML Banner News Editor for React Web using TinyMCE.

React Web Table Column Filters

React Web Table Column Filters