Tables are a great way to organize information clearly on your school website, whether you're displaying schedules, contact lists, event details, or academic data. This guide will walk you through creating and customizing tables in your content management platform.
Adding a New Table
Step 1: Navigate to Your Page Go to the page where you want to add your table.
Step 2: Add or Select a Content Block
To create a new table area: Add a new Content block and remove the placeholder text
To add a table to existing content: Click into an existing Content block where you want the table to appear
ℹ️ Need to use Source code in this Content block? The Source code window accepts HTML only. For security, it does not accept JavaScript, standalone CSS, or other programming languages; inline CSS within HTML is accepted. If you use an AI tool to generate HTML, include those constraints in your prompt and review the result before publishing. See Embed third-party code for the full guidance.
Step 3: Insert Your Table
Click the Table icon in the toolbar
Select "Table" from the dropdown menu
Choose your desired table size by clicking on the grid (for example, selecting a 3x4 grid creates a table with 3 columns and 4 rows)
Step 4: Add Your Content Click in any cell of the table to start typing. You can add both text and inline images to table cells.
Step 5: Publish Once you've added your content, don't forget to publish the page to make your changes visible to visitors.
Customizing Your Table
Adding or Removing Columns and Rows
You have two ways to modify your table structure:
Option 1: Use the Toolbar Buttons Look for the column and row buttons that appear in the toolbar beneath your table when it's selected.
Option 2: Use the Table Menu Click the Table button in the main toolbar to access additional options for adding or removing rows and columns.
Styling Your Table Text
To format text within your table:
Highlight the text in one or more cells
Use the formatting toolbar to apply styling such as:
Bold or italic text
Font size changes
Text color
Text alignment
Best practices for school tables
Keep it simple: Use tables for data that naturally fits in rows and columns, like class schedules, staff directories, or event calendars.
Make tables accessible
Tables should help every visitor understand the relationship between information in rows and columns, including visitors who use a screen reader.
Use a clear header row. Put a short, descriptive heading at the top of each column so readers can understand what each value means.
Keep the structure simple. Avoid merged cells, blank cells used for spacing, and complex multi-level headers. If the information cannot be understood in a simple table, use headings and a list instead.
Do not rely on color alone. Include text labels, not only color or formatting, to communicate a status or meaning.
Add context. Introduce the table with a sentence that explains what it contains, and keep cell content concise.
Check the published page. Make sure the table remains readable without horizontal scrolling, especially on a phone.
Mobile-friendly: Parents and students may view your website on mobile devices, so avoid overly wide tables whenever possible.