/
Why is my table displaying incorrectly?

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, click inside of the row or column that you would like to make a header. Click on the corresponding drop-down and turn on the option for Header row.