Table Interactivity – Hide Row

Business Background

Configure the table interactivity to suit your business needs in a few clicks with no code.

Titan Solution

With Titan Web, you can hide the row in a table.

How to Guide

In this example, the row that has the value “Customer – Direct” will be hidden.

1. Click the power table’s Gear icon. The Power Table Settings screen opens.
2. Click the Conditions option and click the Configure Conditions button.

3. Click the Kebab icon and select the Edit option.

4. Configure the condition. In this example, the row that equals a specific account type will be hidden.
5. Click the Next button.

6. Add a tag if necessary and click the Save button.
7. Click the + icon for the Then action. The Add Node screen opens.

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

9. Use the drop-down lists to select the following:
   • Action: Select the Hide Row option.
   • Table Element: Select the Power Table option.
   • Index: Select the Current Row option.
10. Click the Next button.

11. If necessary, add a tag and click the Insert button. The Table Interactivity is added to the screen.

12. Click the Apply button.
13. Save and Preview the project.

The rows that equal the condition are hidden.