Add and edit tables
Updated 30 Aug 2024
You can use the Simple Editor to add or edit tables in the following item elements.
- Learning Goals
- Introduction
- Part Text, Part Instruction, Part Feedback, and Part Follow-up Text
- Hint Text (informational hints and Socratic hint questions)
- Hint Instruction, Hint Feedback, and Hint Follow-up Text (Socratic hint questions only)
- Transition Text
- Editing HTML tables is different than editing tables in other applications, like word processing applications. The Simple Editor table editing feature helps you follow basic HTML conventions for creating and editing tables. For more information about HTML tables, see www.w3.org or check your favorite HTML reference.
- Edit tables for accessibility
To make tables accessible to screen reader users, header cells must be marked up with <th> and data cells with <td>. See the section below about applying a header for accessibility. For more about table accessibility, especially for more complex tables, refer to the W3C web accessibility tutorial for tables. - Undo — If you make a mistake or get an undesired effect, select Undo from the editing toolbar. You can continue to undo as long as the arrow is bold.
- Use the right-click menu. This is faster than selecting the same commands from the Table menu on the editing toolbar. To open this menu, right-click (Windows) or Control-click (Mac OS).
- You cannot use the Tab character to move from cell to cell as you edit table content.
- Table style — The table style is simple, with a black border and gray boundary lines for each cell. To add color or change the table style, you must use the Advanced Editor.
- Open the Simple Editor so that the item you want to edit appears in the Edit Item window.
- Identify the box where you want to add the image. Select show or hide, as needed.
- Place your cursor in the box where you want to insert the table.
The editing toolbar and menus appear for you to make your edits.
- Right-click (Windows) or Control-click (Mac OS) where you want to add a table and select Insert table and then highlight squares on the grid for the number of columns and rows.
Alternatively, select Table then Insert table from the editing toolbar, and then highlight squares on the grid for the number of columns and rows.
- Add content into the cells of the table, whether you enter text or add an image or link. Note that you cannot use the Tab key to move from cell to cell.
To make text formatting edits, use the editing toolbar and menus as needed.
- Edit your table. (Optional)
You can reset the alignment of table content, resize the table, and more. See sections below for instructions. - To check your edits without saving, select Validate (from the top toolbar) to verify the XML.
- To save your edits, select Save (from the top toolbar) or the Save & Preview link (top right). Do NOT press Ctrl+S (Windows) or Command-S (Mac OS).
By default, table content is left aligned. You can set the horizontal alignment (left, center, right, or none) for some or all of the content in a table.
- Select the cell(s) or row(s) for which you want to edit content alignment.
- Right-click (Windows) or Control-click (Mac OS) the table and choose either Cellthen Cell properties or Row then Row properties, if you selected one or more rows.
- Select the down arrow next to Alignment to choose Left, Center, Right, or None.
- Choose OK.
Any content in the selected cells or rows align, based on your choice.
- Select Save (top toolbar) or the Save and Preview link (top right). Do NOT press Ctrl+S (Windows) or Command-S (Mac OS).
- Insert your cursor in the table cell where you want to add the image.
- Add an image.
- Select Save (top toolbar) or the Save and Preview link (top right). Do NOT press Ctrl+S (Windows) or Command-S (Mac OS).
You can also do the following with images in a table.
- Align an image
An image can be centered, aligned left or aligned right. For instructions, see Change alignment of table contents below. - Copy and paste an image
Select the image and copy it by pressing Ctrl+C (Windows) or Command-C (Mac OS). Place your cursor in the new location and paste the image by pressing Ctrl+V (Windows) Command-V (Mac OS). - Resize an image
You can resize an image proportionately by selecting it and dragging a handle from a corner. - Delete an image
Select the image and cut it by pressing Ctrl+X (Windows) Command-X (Mac OS).
Header text is required for a table to be accessible to students who use a screen reader. For more about table accessibility, see the Tips section above. The header text appears bold in the Simple Editor, but renders as plain text in Student View.
Important: After applying the header, avoid editing the table in the Advanced Editor. Editing the table later in the Advanced Editor removes the header, in which case you’ll need to reapply it in the Simple Editor. This is true, regardless of whether the item was originally created in the Simple Editor or the Advanced Editor.
- Select the cells that you want to set off in bold text, typically the top row or left column.
- Right-click (Windows) or Control-click (Mac OS) the table and select Cell then Cell properties from the menu.
- Choose Header text for the Cell type.
- Select OK.
Any text in the selected cells becomes bold.
- Select Save (top toolbar) or the Save and Preview link (top right). Do NOT press Ctrl+S (Windows) or Command-S (Mac OS)
Select the table and then drag its handles.
- Resize the table proportionately — Drag from a corner of the table.
- Make the table wider — Drag the center handle on the right. (Tables are typically left justified.)
- Make the table taller — Drag a center handle from the top or bottom of the table.
Do one of the following.
- Right-click (Windows) or Control-click (Mac OS) the table and select Delete table from the menu.
- Select the table, and then choose Table and Delete table from the editing toolbar menus.
Add a row
You insert rows one row at a time.
- Place your cursor in the cell or row where you want to add a row.
- Right-click (Windows) or Control-click (Mac OS) and select Row and either Insert row before or Insert row after.
- Select Save (from the top toolbar) or the Save & Preview link (top right). Do NOT press Ctrl+S (Windows) or Command-S (Mac OS).
Copy and paste rows:
- Select the row(s) you want to copy.
- Right-click (Windows) or Control-click (Mac OS) and select Row and Copy row.
- Set your cursor in the row above or below where you want to paste, if it's not already there.
- Right-click or Control-click and select Row and choose either Paste row before or Paste row after.
- Select Save (from the top toolbar) or the Save & Preview link (top right). Do NOT press Ctrl+S (Windows) or Command-S (Mac OS).
Delete a row
- Select a row or rows, or place your cursor in a cell of the row you want to delete.
- Right-click (Windows) or Control-click (Mac OS) and select Row then Delete row or Cut row.
- Select Save (from the top toolbar) or the Save & Preview link (top right). Do NOT press Ctrl+S (Windows) or Command-S (Mac OS).
You insert columns one at a time, but you can delete multiple columns.
Add a column
- Select a column or place your cursor in a column cell.
- Right-click (Windows) or Control-click (Mac OS) and select Column and either Insert column before or Insert column after.
- Select Save (from the top toolbar) or the Save & Preview link (top right). Do NOT press Ctrl+S (Windows) or Command-S (Mac OS).
Delete a column
- Select a column or columns, or place your cursor in a cell of the column you want to delete.
- Right-click (Windows) or Control-click (Mac OS) and select Column then Delete column.
- Select Save (from the top toolbar) or the Save & Preview link (top right). Do NOT press Ctrl+S (Windows) or Command-S (Mac OS).
Merging several cells creates a combined cell space that can accommodate more information than a single cell. Merging allows you to set top-level column headings that apply to more than one subheading below. Splitting the merged cell area returns cells to their original uniform size.
Merge two or more cells
- Select the cells you want to merge.
- Right-click (Windows) or Control-click (Mac OS) the table and select Cell then Merge cells from the menu.
- Select Save (top toolbar) or the Save and Preview link (top right). Do NOT press Ctrl+S (Windows) or Command-S (Mac OS).
Split cells
- Select the cell area you want to divide.
- Right-click (Windows) or Control-click (Mac OS) the table and select Cell then Split cells from the menu.
- Select Save (top toolbar) or the Save and Preview link (top right). Do NOT press Ctrl+S (Windows) or Command-S (Mac OS).
See also: