Jump to content

Krafty

Member
  • Posts

    0
  • Joined

  • Last visited

Reputation Activity

  1. Like
    Krafty reacted to paul2009 in How can I add a table?   
    I tried many suggestions to make tables - this answer details the best way I've found to add tables to Squarespace.
    Custom Table Block
    [Updated 2019] The best solution I have found for responsive and well designed tables on Squarespace is the Custom Table Block that can be purchased as a plugin. Once added, you can add tables just like other standard Squarespace blocks on any page. If your table contains more than a few rows/columns you can add your data to individual Google Sheets and then link them to a Table Block. It's by far the easiest way to add Tables to Squarespace.
    Convert Table to HTML
    If the customer already has the table in a Word document, I'll use the excellent free Word to HTML tool by Olly Cope. I paste in the table and it will convert it to HTML.
    Create HTML Table
    If I don't already have the table I will create it using the excellent HTML table generator at Tables Generator with the CSS option turned off.
    Use a Code Block
    When the HTML has been generated, I add it to a Code Block on the Squarespace page. I replace the initial
      <table>   tag with the following:
      <table class=mytable>   Add some Custom CSS
    So that the table is formatted to match the style of the site I then add a few lines of CSS to the Custom CSS page. Something like:
      .mytable { border: 3px solid #5f102b; background-color: white; th { padding: 6px; height:40px; color: #eeeeee; background-color: #5f102b; } td { padding: 6px; border:1px solid #f1eaf2; } tr:nth-child(odd){background-color: #f1eaf2} }  
  2. Like
    Krafty reacted to paul2009 in How can I add a table?   
    Original post in 2014:
    Sometimes you just want one of your contributors to be able to add a table so that they can add some data, like a league table to a page or a post.
    Squarespace usually make complex things seem simple (adding images to Galleries for example) but the simple task of adding a table in Squarespace is so challenging!
    Yes, I know I can add a code block and add some HTML code to create the table. That's fine for me, but my clients don't want to learn HTML - they just want to edit a table like they would in any other application like MS Word - 'Create Table'.
    I'm still hoping Squarespace will address this soon so we don't have to use online HTML table tools.
    Update in 2024:
    It is now 10 years later (yes that's not a typo... ten years later!! ⏳) and there isn't a Squarespace Table Block built-in yet. ☹️
    The good news is that Michael (Squarewebsites) built a Table Block plugin. 
    (These are affiliate links for products I use and love. If you make a purchase I may receive a tiny commission.)
    This plugin adds a Table Block to Squarespace (both 7.0 and 7.1), allowing you to create and edit tables on the page with ease. You don't need to know any HTML table code, and it can automatically pull your table data from a Google Sheet, making it easier for clients to update their tables using a familiar tool!

    Was this post helpful? Please give feedback by clicking an icon below  ⬇️
×
×
  • 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.