Skip to Content

CMS Training

Data Table

A data table is a dynamic table that allows sorting each column and filtering data. The data table filter box reads all the visible columns  as well as a hidden column that allows inputting custom keywords. Data tables also have built-in pagination. Each page displays 25 records and a user can click through the other pages to see more. The filter box searches the entire table, not just the 25 viewable items.

Pro Tip

Adding Rows

To add additional rows to the snippet, place the cursor inside the snippet table and select Row->Insert Row After or Row->Insert Row Before.  To delete rows, place the cursor inside the snippet table and select  Row->Delete Row.

Watch the Video (08:54) and review the accompanying instructions.

  • Data table 1

    1. Access the Main editable region. Click on the Gadget icon and open the Snippets gadget. Select the Content option (A) from the dropdown. Double-click on Data Table (B) to insert it.

  • Data table 2

    3. Update the header row (C) and the body rows (D) as needed. For each of the body rows, custom keywords (E) can be typed in the last column for additional filtering of the data table.

  • Data table 3

    3. Delete any unused rows in the snippet. To do that, highlight the unused row(s), right-click, and hover over Row->Delete Row (F). Alternatively, to add rows, place the cursor in the table, right-click, and hover over Row->Insert Row Before/After (G).

  • Data table 4

    4. Save the changes and preview the data table. Type any of the custom keywords in the search box to filter the data.

CMS Training


    Challenge the conventional. Create the exceptional. No Limits.

    ©