Add a Table Widget to Your Page

Who can use this feature?

Engage_-_System_Admin.png Engage_-_Slash.png Engage_-_Owner.png Engage_-_Slash.png Engage_-_Publisher.png Engage_-_Slash.png Engage_-_Author.png




This article will show you how to add a Table Widget to your page. This widget allows you to add a table to your page.

Accessibility & Compliance Tips

  • Ensure that every cell contains data. If there is no data available for a cell, enter N/A.
  • Ensure that header row or column information applies to all information in the cells below or across from it. To check, inspect page elements and look for the <th> marker in the HTML.
  • Alphabetize
  • Try to keep tables simple and short as possible.


  1. Navigate to your desired page
  2. Ensure that Live Edit Is Onensure_that_live_edit_is_on.jpg
  3. Select the Widgets tab on the left-hand side
  4. Drag-and-drop the Table Widget onto your desired area of the page
  5. Configure the Widget Options
    • Header Text: Create a title for the table
    • Heading Style: Select a style for the header
    • Option Set: Select an option set
    • Advanced:
      • Widget Breakpoint: Width at which the widget will switch from narrow to wide view
      • Push To All Versions of this Page: Add a copy of this widget to all versions of this page
      • Push To All Subpages of this Page: Add a copy of this widget to all subpages of this page
      • Push Options: Choose where to put the widget within pushed pages
  6. Configure Table Settings
    • Note: Table widgets auto-calculate their column width based on their contents.
    • Size: Use the grid to determine how many rows and columns there are
      • Alternate: Use the cols x rows boxes to determine rows and columns
      • Note: To create a table larger than 6x6, use the cols x rows boxes
    • Header Row: Select to make the first row in the table a header row
    • Header Column: Select to make the first column in the table a header column
    • Caption (Optional): Briefly describe the table
    • Alternating Rows: Select to make the table display every other row with a slightly different background color and/or text
      Reformat for Mobile: Select to make the table reformat to suit mobile devices
      • Note: We strongly recommend this stay checked, unless it actually makes the table format worse on mobile devices.
  7. Click the X to escape settings
  8. Click inside the table to enter table content
    • Note: If any cell does not have data, enter N/A. Remember that header row information applies to all cells under, and header column information applies to all cells across.
  9. Click Save at the top of the page

I'd Like to Request an Enhancement

1 out of 1 found this helpful


Article Feedback