Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.



Excerpt


Section


Column
width50%

Step 1:

Click

Add the

Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button

Plugin

Before a table can be added, the plugin to create tables must be added.

From the dashboard's Toolbar, click the option for Plugins.


Column
width50%



Section



Section


Column
width50%

Step 2:

Hover Over Insert Table and

Select

Starting Cell Layout

Hover over the Insert Table option.

The Table Layout Selector will display.

Cursor over the squares to select the preferred starting layout. The example depicts a 5x5 table.

When the correct number of starting rows and columns is selected, click the bottom right most square in the layout to create the table.

Note: Tables are not confined to their starting layout. Rows and columns can be subsequently added and/or removed later. However, starting with the ideal layout for the table's specific data is optimal.

the TablePress Plugin

Use the Search Bar to type in tablepress.

This will filter the plugins and reveal the TablePress plugin.


Column
width50%



Section



Section


Column
width50%

Step 3:

The Table Displays

The table will now display in the content area. However, the lines for the columns will not be apparent.

Note: The table will have column lines on the live page

Activate the TablePress Plugin

Click the Activate link to activate the TablePress plugin.


Column
width50%



Section



Section


Column
width50%

Step 4:

Add Column Headers

Adding column headers to each column will make it easier to "see" the different columns in the content editor.

In the example, each column header was given the name, "Column #," with the # corresponding to the column's number.

If the width for the content within a column exceeds the available space for the table, the lines will wrap.

In the example, after Column 5, subsequent cells were named with, "Cell #," starting with Cell 6. A 5x5 table will have 25 cells, 5 of which are header cells

Plugin Activation Confirmation

Once completed, the word Activate will switch to Deactivate, and the TablePress option will appear in the Toolbar.


Column
width50%



Section



Section


Column
width50%

Step 5: Click the Update Button

Click the Update button to complete your changes.



Column
width50%



Section



Section


Column
width50%

Step 6: View the Live Table

Once updated, the table will appear with all the cell line divisions on the live website.



Column
width50%



Section



Section


Column
width50%

Step 7: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 8: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 9: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 10: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 11: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 12: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 13: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 14: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 15: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 16: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 17: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 18: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%