facebook pixel Skip to Main Content
Idaho State University home

Tables

Making and editing tables

Tables must be made in a specific way in order to meet accessibility standards and be readable by search engines. Us the men in the text editor to generate a table.

That table menu has options for table with column headings or table with column and row headings. Headings are necessary for accessibility.

 

Creating a table

From the table menu, hover over the number and rows and columns you want your table to have and click.

Menu for creating tables

 

The table will be generated with headings.

Column 1Column 2Column 3
     
     

 Move from cell to cell to edit headings and add content to cells.

 

 

Editing a table

When a table is made, there are many options for editing.

Right click on the table to see an editing menu

Menu for table editing

Links can be inserted - section, content and external links.

Rows and columns can be inserted.

Cells can be merged or split.

Table properties has more options for altering the table in its entirety.

A caption and/or summary can be added for extra explanation or for accessibility. Both will appear below the table.

 

Add a theme to a table

The appearance of the table can be changed by adding a CSS class.

To add a CSS class:

1. Right-click the table

2. Choose Table properties

Table properties option in menu

3. Click on the Advanced tab

Advanced tab in table properties

4. Type or paste the class name into the CSS class field

Table class field

5. Click Ok

 

 

Table classes

Table classes must be entered into the CSS class field exactly as written below.

The table style will not be visible in the text editor, but it will appear in the preview.

table

Heading 1 Heading 2 Heading 3 Heading 4
data data data data
data data data data
data data data data
data data data data

table-hover

Heading 1Heading 2Heading 3Heading 4
data data data data
data data data data
data data data data
data data data data

table-striped

Heading 1Heading 2Heading 3Heading 4
data data data data
data data data data
data data data data
data data data data

table-borderless

Heading 1Heading 2Heading 3Heading 4
data data data data
data data data data
data data data data
data data data data

bengal-table

Heading 1Heading 2Heading 3Heading 4
data data data data
data data data data
data data data data
data data data data

bengal-table-hover

Heading 1Heading 2Heading 3Heading 4
data data data data
data data data data
data data data data
data data data data

w-auto

Heading 1 Heading 2 Heading 3 Heading 4
data data data data
data data data data
data data data data
data data data data