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

Open Rich Content Editor

Open Rich Content Editor

Tables may be created using the Rich Content Editor for features that support the editor (Announcements, Assignments, Discussions, Pages, Quizzes, or Syllabus).

 

Open Table Creator

Open Table Creator

To open the Table Creator, click the Table icon.

Insert Table

Insert Table

Hover over the Insert table option to expand the table creator. Drag your cursor over the grid and click to specify the dimensions of the table you’d like to add.

Note: The maximum table that can be created within the table creator is 10x10; however, additional columns and rows may be manually added using row and column options.

Edit Table Layout

Edit Table Layout

You can quickly edit the table layout using the Table Context Menu. With the table selected you can access the Table Properties options [1] or delete the table [2]. With a cell selected you can add or delete rows [3] or add or delete columns [4].

Edit General Table Properties

Edit General Table Properties

With the table selected, click the Table icon to open the table creator. To open the Table properties window, click the Table properties option. Edit the general properties of the table by typing in the appropriate fields.

  • Width: The width of your table (in pixels or percent, e.g. 500px, 50%). Note that the table width may be adjusted manually by selecting the table until the adjustment handles appear around the perimeter of the table, then clicking and dragging the handles to adjust the size.    
  • Height: The height of your table (in pixels or percent, e.g. 500px, 50%). Note that the table height may be adjusted manually by selecting the table until the adjustment handles appear around the perimeter of the table, then clicking and dragging the handles to adjust the size.  
  • Cell Spacing: The space between individual cells as well as cells and table borders (in pixels, e.g. 3px). 
  • Cell Padding: The space between the cell border and its content (in pixels, e.g. 5px).   
  • Border: The thickness of your table border (in pixels, e.g. 5px).
  • Caption: The table label is displayed on top of the table.  
  • Alignment: The location of your table on the page.

 

To apply edits, click the Ok button.

Edit Advanced Table Properties

Edit Advanced Table Properties

In the Advanced tab, there are additional options to help customize the table.

  • Style: The style of your table. You can add custom CSS styling to your table such as colors, borders, spacing, and alignment.
  • 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 type in basic colors (red, pink, cyan, blue, green, yellow, brown, black, etc.)
  • 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 type in basic colors (red, pink, cyan, blue, green, yellow, brown, black, etc.) 

 

To apply edits, click the Ok button.

Edit Row Options

Edit Row Options

With the table (or specific row) selected, click the Table icon to expand the table menu. Hover over Row to view row options. Edit rows by clicking the appropriate option.

  • Insert row before: When a cell within a row is selected, use this option to insert a row above the selected row.
  • Insert row after: When a cell within a row is selected, use this option to insert a row beneath the selected row.
  • Delete row: Deletes the row and content within a selected row.
  • Row properties: Options for selecting row type, alignment, height, and colors.
  • Cut row: When a row is selected, this option will cut the row and place it in the clipboard, ready to be pasted.
  • Copy row: When a row is selected, this option will copy the row and place it in the clipboard, ready to be pasted.
  • Paste row before: After cutting or copying a row, click a cell within the table where you’d like the row pasted above.
  • Paste row after:  After cutting or copying a row, click a cell within the table where you’d like the row pasted below.

Edit Column Options

Edit Column Options

With the table (or specific column) selected, click the Table icon to expand the table menu. Hover over Column to view column options. Edit columns by clicking the appropriate option.

  • Insert column before: When a cell within a column is selected, use this option to insert a column to the left of the selected column.  
  • Insert column after: When a cell within a column is selected, use this option to insert a column to the right of the selected column.   
  • Delete column: Deletes the row and content within a selected row.

Edit Cell Options

Edit Cell Options

With one or more cells selected within the table, click the Table icon to expand the table menu. Hover over Cell to view cell options. Edit cells by clicking the appropriate option.

  • Cell properties: Options for selecting cell width, height, cell type, scope, horizontal (H) alignment, vertical (V)  alignment, height, and colors.    
  • Merge cells: When two or more cells are selected, choose this option to merge them into one cell within the table.
  • Split cell: Select this option to split cells that were previously merged.

Delete Table

There are several ways to delete a table.

 

Delete Using Backspace

Delete Using Backspace

Place the cursor to the right of the table or select the entire table by clicking until the adjustment handles appear around the perimeter of the table, then press delete on the keyboard to delete the table.

 

Delete Using Table Menu

Delete Using Table Menu

Select the table by clicking until the adjustment handles appear around the perimeter of the table. Click the Table icon and select the Delete table option to delete the table.

 

Delete Using HTML Editor

Delete Using HTML Editor

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

Save Changes

Save Changes

Click the Save button.

Note: When using the Rich Content Editor in Assignments, Discussions, Pages, and Quizzes, you have the option to Save & Publish. When using the Rich Content Editor in the Syllabus and Discussions pages, the Save button may appear as “Update Syllabus” or “Post Reply”.

Details

Article ID: 35952
Created
Thu 8/24/17 2:41 PM
Modified
Wed 5/19/21 2:47 PM