Custom Table Block

Plugins Store

Squarespace plugins that are powerful, beautiful and easy to install. We offer quick users help and support. Create amazing websites simply.

Custom Table Block

Custom Table Block

30.00

Using this plugin you may now create Table Blocks based on original Squarespace Markdown block just as users of our Squarespace Websites Tools Extension PRO do

Add To Cart

Using this plugin you may now create Table Blocks based on original Squarespace Markdown block just as users of our Squarespace Websites Tools Extension PRO do. Plugin hooks Markdown block and builds a HTML5 table for you based on manually added data or imported from *.csv file or synchronized with Google Spreadsheets. We also have some base table styles, mobile view and sorting feature. We allow html and markdown markup in table so you are able to add  images and other stuff to tables.

To use all table features, please copy/add this code to your Injections tab :

 
<link rel="stylesheet" href="//squarewebsites.org/assets/custom-tables/style.css">
<script src="//squarewebsites.org/assets/custom-tables/custom-table.js"></script>
 

Adding tables control in admin also need you to inject purchased javascript. So the best way is to add css styles to Header Injection while scripts may be in Footer. So your injections will look like:

 Added Custom Table Block

Added Custom Table Block

If you did Injections right you may see Table Block in Blocks Menu now and ready to create tables.

 Table Block in Blocks Menu

Table Block in Blocks Menu

Creating Tables process is the same as using our PRO Extension, so please check next "how-to" video.  

Tables are initializing on Y.config.win.Squarespace.onInitialize event, so it should work with Ajax Templates also. For additional JS  plugins and features you may subscribe to  "table-init" custom event - it fires on table is built.

 
document.querySelector('.my-table').addEventListener('table-init', function () {
 ----Your code here---
}, false);
 

Attention: Please divide Tables Blocks with another blocks, like Spacer or Line or some another except Markdown and Table. The reason is Squarespace split nearby Markdown blocks into one and we want to keep this for compatibility.