OU Table

OU Table Component

When working within the Content Parsys all web components must first be placed inside of a Section Component

The Table component allows you to organize content into rows and columns. It’s ideal for presenting structured data in a clear and readable format.

Usage

Displaying schedules or timelines
Listing contact information or office hours
Comparing programs, services or price details

How to Add the Component

Click within a section component to insert new components.

Click the + icon
Choose OU Table

arrow pointing to the + icon on the component menu and another arrow pointing to the O U Table option on the insert new component menu

How to Configure the Component

To start using the component, click anywhere on the component and a menu will appear.
Click the wrench icon to enter configure mode.

An arrow pointing to the wrench icon on the configure toolbar.

Working within the Component

The check box for "First row contains headers" must always be checked for accessibility purposes. This allows users with screen readers to have the information read in an organized manner.

Table component configurations showing a check mark in the "First row contains header" area.

Adding Text

Click inside the first field of the table to begin editing. Once your cursor is placed, the text editing toolbar will appear.
The editing tools work the same way as they do in the Text component, allowing you to format your content with bold, italics, lists, links, and more.
Type in your table content. You can use the Tab key to advance to the next field. Click the check mark to save your changes and close the window. To cancel without saving, click the X.

Tip: If you have an existing table in Excel, you can copy and paste the content directly into the table. This will transfer the text, but it will not carry over any formatting or formulas.

Table component configurations showing sample data in the columns and fields. An arrow points to the text editing options and a check mark shows how to save changes.

Editing Rows and Columns

If you need to add or remove data from a table, you can do this using the table tool.

In the text edit toolbar above your table. On the bottom row, find the last icon — it looks like a small table.
Click the table icon to open the table editing toolbar. This will give you access to options for adding, deleting, or adjusting rows and columns.

An arrow points to a small table icon in the Table Component configuration settings. A separate windows show the additional menu that opens when it is selected.

Table Formatting Toolbar

The toolbar provides formatting tools similar to what you’d find in a a spreadsheet program. Here's what each button does:

Tip: Hover over each icon in the toolbar to see its name and function. This is a quick way to learn what each tool does:

Insert Left
Adds a new column to the left of the cell where your cursor is placed.
Insert Right
Adds a new column to the right of the current cell.
Delete Column
Removes the entire column where your cursor is currently placed.
Insert Above
Adds a new row above the current row.
Insert Below
Adds a new row below the row where your cursor is placed.
Delete Row
Removes the entire row that contains your cursor.
Merge Right
Combines the selected cell with the one directly to its right.
Merge Down
Combines the selected cell with the one directly below it.
Merge Cells
Merges all selected cells into one larger cell. Useful when combining several rows or columns.
Split Cell Horizontally
Splits one cell into two cells stacked on top of each other (top and bottom).
Split Cell Vertically
Splits one cell into two side-by-side cells (left and right).
Select Entire Row
Highlights the full row so you can format or modify it all at once.
Select Entire Column
Highlights the full column for formatting or adjusting.