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 Video

Coming soon!

How to Guide

Note:

Prerequisite:

  1. Add a table to the project, for instance, a power table.

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

Rows to be hidden
Rows to be hidden
  1. Select the power table Gear icon. The Power Table Settings screen opens.
  2. Click the Conditions option and click the Configure Conditions button.
Configure Conditions
Configure Conditions
  1. Click the Kebab icon and select the Edit option.
Edit Condition
Edit Condition
  1. Configure the condition. In this example, the row that equals a specific account type will be hidden.
  2. Click the Next button.
  3. Add a tag necessary and click the Save button.
Edit Node
Edit Node
  1. Click the + icon for the Then action. The Add Node screen opens.
+ icon Then
+ icon Then
  1. Under Element Interactivity, select Table Interactivity and select the Next button. The Add Node/Table Interactivity screen opens.
Add Node
Add Node
  1. 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.
  2. Click the Next button.
Add Node/Table Interactivity
Add Node/Table Interactivity
  1. If necessary, add a tag and click the Insert button. The Table Interactivity is added to the screen.
Table Interactivity on screen
Table Interactivity on screen
  1. Click the Apply button.
  2. Save and Preview the project.

The rows that equal the condition are hidden.

Example
Example

Hidden Title

Need more help?