Jump to content

Creating a spreadsheet / table

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

It kind of depends what you are trying to display and how you want it to show on your site.

If you want a table with multiple columns and rows, you would nee to create it in HTML. The easiest way is to use https://www.tablesgenerator.com/html_tables 

You create the table there and copy and paste the HTML code into your page using the "<code>" content block under "MORE"

However, this way is not responsive to the device display size, it may go "off" the page on mobile devices.

If you want it to be responsive, it would be easiest to insert your table as a picture. Create your table in Excel or Google Spreadsheet, use the Snipping Tool to take a screenshot and save it, then upload the picture.

Hope this helps.

Link to comment
  • 3 weeks later...

I wouldn't recommend using an image in place of a table as the information will not be accessible to people with disabilities - a legal requirement. It will also make it very difficult to read on smaller devices.

The best solution I have found for responsive and well designed tables on Squarespace is the Custom Table Block. You can add this like a standard Squarespace block on any page. If your table contains more than a few rows/columns, add the data to a Google Sheet and link it to the Block. 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.