External Global Filter

Business Background

Position your global filter outside the power table to search the contents of the whole table to suit your business needs.

Titan Solution

Titan Web lets you add a global filter field externally to the power table using any input element. When filtering the information in the power table, all the data fields are considered.

How to Guide

In this example, two shapes are added to configure the On Click Actions. You can also use buttons.

1. Click the Checkmark element and click the Gear icon to open the Icon Settings screen.
2. Under Interactivity, click the Configure On Click Action button. The On Click Action screen opens.

3. Click the + icon to add a node. The Add Node screen opens.

4. Under Element Interactivity, select Table Interactivity and click the Next button. The Add Node/Table Interactivity screen opens.

5. In the Action field, search for “filter”. Two options are shown.
   • Filter Table
   • Clear Filter

Filter Table option

1. Click the Filter Table option.
2. Use the Table Element drop-down list to select the power table.
3. Use the Value drop-down list to select the Field option.
4. Use the drop-down list to select the input element. This is the element you added outside the power table. In this example, it is called Global Filter.
5. Click the Next button.

6. Add a tag if necessary and click the Insert button.
7. Click the Apply button on the On Click Action screen.

Clear Filter option

1. Refer to step 1, but choose the Clear element and do up to step 5.
2. Click the Clear Table option.
3. Use the Table Element drop-down list to select the power table.

4. Click the Next button.
5. Add a tag if necessary and click the Insert button.
6. Click the Apply button on the On Click Action screen.
7. Save and Preview your project.
8. Type a search term in the Global Filter field and click the Checkmark icon.

The search results are shown:

9. Click the Clear icon to clear the results and show all the entries in the table.