Tables
There is no built-in table option yet in New Sites.
Here are some workarounds.
Embedded Files
See New Features Rolling Out Soon
USE EMBED CODE
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.
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.
Above table created at https://tableizer.journalistopia.com/
See this posting in the Sites Community:
Div Table
Div Table
Paste your table in the visual editor or the HTML code in the source editor and press the big button!
Another option is to create a chart of type table in a spreadsheet and insert it.
Another option is to create a chart of type table in a spreadsheet and insert it.
Another workaround is to create a table in Google Drawings and insert it from there.
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.
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.
<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> cell 1</div>
</td>
<td style="WIDTH:60px">
<div> cell 2</div>
</td>
<td style="WIDTH:60px">
<div> cell 3</div>
</td>
</tr>
<tr>
<td style="WIDTH:60px">
<div> cell 4</div>
</td>
<td style="WIDTH:60px">
<div> cell 5</div>
</td>
<td style="WIDTH:60px">
<div> cell 6</div>
</td>
</tr>
</tbody>
</table>
Page updated
Google Sites
Report abuse