How do I insert a table using the Rich Content Editor?

You can use the Rich Content Editor to insert and format a table.

Open the Rich Content Editor

Open the Rich Content Editor using one of the Canvas features which support the Editor.

Open Table Creator

Open Table Creator

Click the Table icon to open the Table Creator.

Edit General Table Properties

Edit General Table Properties

Edit the general properties of the table by typing in the appropriate fields.

  • Columns: The number of columns in your table.
  • Cell Padding: The space between the cell border and its content (in pixels, e.g. 5px).
  • Alignment: The location of your table on the page.
  • Width: The width of your table (in pixels or percent, e.g. 500px, 50%).
  • Class: The name of the table element. This is optional unless you are an advanced CSS user.
  • Table Caption: The table label is displayed on top of the table.
  • Rows: The number of rows in your table.
  • Cell Spacing: The space between individual cells as well as cells and table borders (in pixels, e.g. 3px).
  • Border: The thickness of your table border (in pixels, e.g. 5px).
  • Height: The height of your table (in pixels or percent, e.g. 500px, 50%).

Note: Currently, you are unable to edit the number of columns and rows once you insert a table in the Rich Content Editor.

Edit Advanced Table Properties

Edit Advanced Table Properties

Click the Advanced tab to edit the advanced table properties. Some elements in this tab are more suited for advanced users with knowledge of HTML and CSS and provides additional possibilities for table design.

Basic users may still be interested in the following options:

  • Background Image: The location of the background image for the table. List as a URL.
  • Border Color: The color of your table border. You can either type in the hexadecimal RGB number for the color you want (in #nnnnnn format) or you can browse from the color drop-down menu.
  • Background Color: The color of your table background. You can either type in hexadecimal RGB number for the color you want (in #nnnnnn format), or you can browse from the color drop-down menu.

Insert Table

Insert Table

Click the Insert button to create the table.

View Table

View the table.

Edit Table

To edit the table content, select the table [1], then click the Table icon [2] in the Rich Content Editor.

Edit Table Content

Edit Table Content

Update your table by changing the necessary fields in the table editor [1]. Note: Currently, you are unable to edit the number of columns and rows once you insert a table in the Rich Content Editor.

When you are finished, click the Update button [2].

Delete Table

Delete Table

To delete a table, click the HTML Editor link.

View HTML Editor

Select the HTML code between the <table> [1] and </table> [2] tags and press delete (MAC) or backspace (Windows). Click the Save button.

(Optional) Lesson Feedback (0)

Please let us know if any information in this lesson appears to be incorrect in terms of Canvas functionality only (please do not submit feature requests here). This is not a help site, and submitted comments cannot be answered. If your Canvas course/account is having trouble completing any of the tasks outlined in this lesson, please contact Canvas Support by submitting a HELP TICKET via the Help Link within Canvas or emailing support@instructure.com. Thank you.

E-Mail me if a reply is posted