Does the Custom Table Block work on mobile in Squarespace?
Yes, the Custom Table Block works on mobile, but tables are not automatically shrunk to fit the screen. By default a wide table displays in segments with horizontal and vertical scrolling enabled so no data is hidden. If you need the entire table to fit within the viewport on small screens, you can shrink the whole table using custom CSS rather than relying on the default segmented scroll behavior.
Default mobile behavior
On phones the table is not scaled down to fit the viewport. Instead it renders in segments, with horizontal and vertical scrolling turned on so visitors can swipe to see every row and column without losing data. This keeps text legible but means the table extends beyond the screen width (Squarewebsites).
Shrinking the table with CSS
If the segmented-scroll experience is not what you want, you can override it. Applying custom CSS lets you shrink the whole table to fit within the mobile viewport, trading some text size for a no-scroll layout. The block follows your site’s font by default and exposes per-row and per-cell classes (.table-row-N, .table-cell-N) that you can target in your CSS (Squarewebsites).
Setting it up
The plugin requires Code Injection — CSS in Header Injection and JavaScript in Footer Injection — so it needs a Business plan or higher. On a Personal plan a Markdown block workaround is available but less reliable (Squarewebsites).
See the full Custom Table Block product page on squarewebsites.org for live pricing, demos, and setup details.
Sources: squarewebsites.org · squarewebsites.org