Why is my table displaying incorrectly?

Problem

The table that I created is displaying with “undefined” next to the information.

Solution

This is part of the responsive design of GovHub sites and is an indication that the table does not have an assigned header row and/or column. Someone browsing your website on a larger screen will see your table as you intended, but someone browsing your website on a smaller screen may be confused by the table.

Using headers ensures that the information in the table is easy to understand for every visitor to your website. They provide clarity and organization, making the table easier to understand and helps users find information quickly. 

Headings are also beneficial to users who rely on assistive technologies to use the Internet. For example, screen readers read the cells in a table one by one. Without headers, there is no context provided to the data being read.

How to Add a Header

To assign a header row and/or column to a table, edit the page the table is on. In the WYSIWYG, right-click inside of the table and select Table Properties.

In the dialog box that appears, click on the drop-down next to Headers and choose where the headers will be located on the table.