Column Filter Widget

Creates a column filter widget for use in components views. Takes a data table and returns a filtered data table with only the selected columns.

The node supports custom CSS styling. You can simply put CSS rules into a single string and set it as a flow variable 'customCSS' in the node configuration dialog. You will find the list of available classes and their description on our documentation page.

Options

Control

Label
A descriptive label that will be shown in the view.
Description
Some lines of description that will be shown in the view, for instance by means of a tooltip.
Variable Name
Variable identifier.
Default Values
The columns that are selected by default.
Limit number of visible options
By default the filter component adjusts its height to display all possible choices without a scroll bar. If the setting is enabled, you will be able to limit the number of visible options in case you have too many of them.
Number of visible options
A number of options visible in the filter component without a vertical scroll bar. Changing this value will also affect the component's height. Notice that the height cannot be less than the overall height of the control buttons in the middle.

Re-execution

Re-execution on widget value change
If selected, widget emits reactivity events that trigger the re-execution of downstream nodes in a component composite view when its value changes. It allows users to create interactive Data Apps and visualizations.

Input Ports

Icon
Table containing the columns to be filtered.

Output Ports

Icon
Filtered table containing only the selected columns.

Views

Interactive View: Column Filter Widget
Displays a column filter panel.

Workflows

Links

Developers

You want to see the source code for this node? Click the following button and we’ll use our super-powers to find it for you.