Inserting Tables 

Use this page to learn how to create new tables from scratch in SharePoint or to import existing tables from Word, Excel, or HTML.

Creating New Tables

Step 1:

New tables have to be inserted into the "Page Context 1" box alongside text. You may either type in the number of rows and columns you need or just draw it out.

Editing Tools > Insert > Table.

Screenshot Insert Table 

Step 2:

Once you have inserted your table you will notice a gaping void where it's supposed to be. Don't worry, it's there, you just can't see it. You have to click on the void, and in your ribbon Table Tools will appear. Click "Show Grid Lines"

 

Step 3:

Using the Table Tools you can make adjustments to your table as needed. Remember to format all text using the preexisting styles e.g. Body Text, H1, etc.

Step 4:

Just because you selected Show Grid Lines in step 2, it doesn't mean that they will be visible when you Publish the page. Yes, this is silly but it's a SharePoint quirk. To make your lines visible you must edit the HTML code. Once you locate where the Table code starts, simply type in border="1" after the word "table" first appears in the HTML.

Copying Tables from Word or HTML

Step 1:

Select All > Copy table from Word Doc or HTML

Step 2:

Paste table into “Page Content 1” box (not into the HTML editor) in SharePoint

Step 3:

Select all the content in the table > clear the formatting using the Clear Format button.

Editing Tools > Format Text > Clear Format.

Step 4:

Open the HTML editor and highlight/select the table code. Copy and paste into Notepad.

Step 5:

Remove "<div>" tags using the find and replace tool. Edit > Replace. The "Replace With" field should be kept empty.

Repeat this step for "<span>" tags.

Step 6:

Clean up code as needed for example: style settings, forced table or td widths and forced spacing.  Add a table border if needed. All physical adjustments to the table should be made in Notepad before Step 7.

Step 7:

Select All the new code from Notepad and replace the old table code from SharePoint.

Step 8:

Style text within table appropriately using SharePoint Styles options e.g. Body Text, H3, etc.