Tables

USE EMBED CODE

Using the Embed feature we can now insert the HTML table code. The resultant table will be responsive, meaning the table width will change depending on the window width.

Be aware if you do decide to use the embed code feature or any other method on this site the content will not get indexed in site search.  Also, the new version of Google Sites does not offer dynamic height for embedded code so users will have to scroll in the table.  

Above table created in HTML and inserted in a Code Box.

Div Table

Paste your table in the visual editor or the HTML code in the source editor and press the big button!

https://divtable.com/converter/

Another option is to create a chart of type table in a spreadsheet and insert it.

Chart instructions

Insert Chart (How-to by Steegle)

Another workaround is to create a table in Google Drawings and insert it from there.

To insert it first share it, either publicly or to anyone with the link and copy the sharing link. Then in the site use the embed URL function or use the From Drive option.


Above is a Google Drawing with an inserted table

<table border="2" bordercolor="#888" cellspacing="0" style="BORDER-TOP-WIDTH:3px;BORDER-LEFT-WIDTH:5px;BORDER-LEFT-COLOR:#00ff00;BORDER-BOTTOM-WIDTH:3px;BORDER-BOTTOM-COLOR:#ff0000;BORDER-TOP-COLOR:#888;BORDER-COLLAPSE:collapse;BORDER-RIGHT-WIDTH:5px;BORDER-RIGHT-COLOR:#0000ff">

<tbody>

<tr>

<td style="WIDTH:60px">

<div>&nbsp;cell 1</div>

</td>

<td style="WIDTH:60px">

<div>&nbsp;cell 2</div>

</td>

<td style="WIDTH:60px">

<div>&nbsp;cell 3</div>

</td>

</tr>

<tr>

<td style="WIDTH:60px">

<div>&nbsp;cell 4</div>

</td>

<td style="WIDTH:60px">

<div>&nbsp;cell 5</div>

</td>

<td style="WIDTH:60px">

<div>&nbsp;cell 6</div>

</td>

</tr>

</tbody>

</table>