Table

The Table block allows you to organize information into rows and columns, making it easier for visitors to compare data and find information quickly. Tables are particularly useful when presenting structured information that would be difficult to read in a standard paragraph or list.

Common uses include:

• Program requirements
• Fee schedules
• Contact information
• Deadlines and dates
• Comparison charts
• Event schedules

When used appropriately, tables can make complex information easier to understand and navigate.

When to Use a Table

Use a Table block when information is easiest to understand when displayed in rows and columns.

Examples include:

Or:

Tables work best when displaying structured data rather than large amounts of text.

Adding a Table

To add a Table block:

1. Click the + button and search for Table.
2. Select the Table block.
3. Choose the number of rows and columns.
4. Create the table.

Once created, click within each cell to add content.

Adding Table Headers

Tables should include headers whenever possible.

Headers help visitors understand what information appears in each column.

Example:

Without headers, tables can be difficult to understand.

Using headers is also an important accessibility best practice.

Editing a Table

After creating a table, you can modify its structure using the available editing options.

Common actions include:

Add Rows

Insert additional rows as needed.

Remove Rows

Delete rows that are no longer required.

Add Columns

Expand the table to include additional information.

Remove Columns

Simplify the table by removing unnecessary columns.

These options allow you to adjust the table without recreating it from scratch.

Best Practices

Keep Tables Simple
Use tables only when the information benefits from a structured format. If the content can be presented clearly as a list or paragraph, that is often the better option.

Always Use Headers
Column headers improve readability and accessibility.

Keep Cell Content Concise
Long passages of text can make tables difficult to read, especially on mobile devices.

Consider Mobile Users
Large tables may become difficult to navigate on smaller screens. Before publishing, preview the page and ensure the information remains accessible on mobile devices.

Avoid Using Tables for Layout
Tables should be used to present data, not to arrange page content visually. For page layouts, use blocks such as Columns instead.

Common Uses

The Table block works well for:

• Comparison charts
• Contact lists
• Event schedules
• Deadlines
• Program requirements
• Service information

It is one of the most effective ways to present structured information clearly and consistently.

Try it Out

Practice working with the Table block.

1. Add a Table block to a page.
2. Create a table with four columns.
3. Add column headers.
4. Enter information into several rows.
5. Add an additional row.
6. Remove a row.
7. Preview the page and review how the table appears on the front end.