How to Convert a Spreadsheet to a HTML Table in Squarespace

Squarespace Code

31 Oct

Part 1: Convert a Spreadsheet to a HTML Table

No understanding of code is needed!

We will use divtable.com to convert a spreadsheet (in Microsoft Excel or Google Sheets).

Here we will go through the steps involved to efficiently use the free online tool without the need for any coding knowledge.

Part 2: How to Add Striped Effects to HTML Tables using CSS

Only a little CSS code is required.

Now we have our HTML table in Squarespace, we can use CSS to style the table, giving our designs a professional and bespoke look and feel. Although we will use custom code in this Squarespace tutorial, don't panic! Here is a simple and helpful example demonstrating how we can create a simple but effective striped effect on our HTML table: https://www.w3schools.com/howto/howto_css_table_zebra.asp You can even copy and paste the code - simple as that!

If you want to find out more about Squarespace, Canva and other techniques used by leading creative agencies, simply subscribe to this channel and hit the notification bell: youtube.com/pixelhaze

Featured

15 Aug 2019

Elwyn Davies

15 Aug 2019

Elwyn's experience as a small business owner, designer, front-end developer and project manager has served him well in his quest to become the ultimate generalist. He has been building websites and software alongside companies of all sizes and industries for longer than he would care to mention. It is fair to say that in another life he would have been a teacher and the launch of the Pixelhaze Academy gives him the opportunity to pursue another lifetime ambition of passing on his industry knowledge to the next wave of emerging designers and entrepreneurs.

OUR TEAM

15 Aug 2019