SquareTablesfor SquarespaceBuild a Table
Squarespace table code

Responsive table code, ready for a Squarespace Code Block.

A good table needs more than rows and columns. The code should remain readable, fit the page and still work on smaller screens.

Build a Table

What the exported code includes

Square Tables creates a self-contained HTML table and scoped CSS. It includes accessible column headings, optional supporting text, your selected styles and a mobile layout.

<div class="sqtable">
  <table>…</table>
</div>
<style>/* responsive table styles */</style>

Why generate instead of copy and paste

You can avoid fragile snippets, conflicting global CSS and cramped mobile layouts. The generated code remains tied to your saved table, so it can be revised and exported again.

Keep accessibility in view

Use meaningful column headings, concise labels and enough colour contrast. Avoid using colour alone to communicate availability or status.