Adding and formatting tables in Help Center articles

Return to top
Have more questions? Submit a request

56 Comments

  • Digna van Nielen

    Hi Brett

    I experience the same issue as Richard and Samantha describe; in the editor everything looks okay but once published there is no padding or spacing. Also the width of the cells disappeared. The "allow unsafe HTML" option is disabled in my environment. We use a copy of the Copenhagen team (no changes - only two extra css classes but nothing with tables).

    The advanced settings as described above don't appear in my table editor - it looks like this. Are the pictures in this article outdated, or perhaps my Guide environment needs to be updated? Either way, I hope you can help :)

     

    Best, Digna

    2
  • Pulkit Pandey
    Community Moderator

    Hey Roee Aizman

    Can you please share the URL of your article where you are using it or share a code of that article so that I can provide you a solution for your Query.

     

    Regards,

    Pulkit

    1
  • Jessica Hoffman

    Hi All,

    I'm having the same issue Digna and Richard have described. I have allowed unsafe HTML, and the only property that does not appear to be carrying over successfully from the Editor page to the Published version is the cell padding. 

    I look forward to figuring this out. Thanks!

    1
  • Jessica Hoffman

    Hi Chad Susa, it looks like you're missing the # in front of your hex code. 

     

    <td style="border-color:1; background-color:#a8cbe5">

     

    Hope that helps! 

    1
  • Digna van Nielen

    Hi Brett,

    Thanks for your help. There is no "Advanced" for either the Tabel nor the Cell properties in my Zendesk... 

    Best, Digna

    1
  • Lateesha Clark

    Hey folks. Is there any way to freeze rows in my table? My table has a lot of information, so I want my header row to remain available while a user scrolls through the rest of the table/article.

    1
  • Digna van Nielen

    Thanks @Brett! My tables are looking way better know :)

    1
  • Samantha Fransham

    I am trying to set the height and width of my table. I followed the instructions to open the Table Properties and set my height and width. The problem is nothing changes for the table. The HTML code is updated as per my change but the table shows the same size as before. 

     

    The caption and border properties are updating as expected. I would love some insight into trouble shooting steps or known bugs.

    1
  • Melody Quinn

    I am also having the same issue with the cell padding not publishing. 

    1
  • Richard Hartley

    @Brett - I have done the same and it's worked for me too.  Thank you.

    I was wary about editing the theme as I was trying to stick to using the "out of the box" version.  Will the standard template be being changed to fix the issue at some point, please?

    0
  • Klara Audren

    Hello Janet, 

     

    You would need to change the font color in the CSS in the advanced tab or acessing the HTML code of the article.

    0
  • Richard Hartley

    Does the cell padding feature work or is it necessary to allow unsafe HTML for that?

    I have created some tables which look fine in edit mode but all the padding vanishes when you view the saved result in Guide and they look untidy with the text pressed up against the borders.

     

    0
  • Kathleen Hunt

    The table formatting controls have changed. Please update this article so we know how to change the color of rows/columns and complete other Advanced features that are not longer listed. 

    0
  • Roee Aizman

    Hey.

    Using a table of contexts and it seems my table width is blocked.

    All my cells looks bad and nothing I can do.

     

    How to fix it?

    0
  • Jessie Schutz
    Zendesk team member

    Hi Fabien! That's really great feedback!

    If you don't mind taking a couple minutes, it would be great if you could add your suggestions to this thread in our Product Feedback topic!

    0
  • Brett Bowser
    Zendesk Community Team

    Hey Samantha,

    This may be a silly question but did you go through the steps mentioned in our  Allowing unsafe HTML in Help Center pages article to make sure your table renders properly? If you've already enabled the Display Unsafe Content option, then the issue may be with your Guide theme.

    In that case, you may want to get your developers involved so they can check your themes CSS and make sure that everything is set up correctly there.

    Let me know if you have additional questions for me in the meantime :) 

    0
  • Brett Bowser
    Zendesk Community Team

    Hey Richard,

    When using the cell padding feature it will add the appropriate CSS/HTML to the source code of your article. In this case you'll want to enable the allow unsafe HTML option within your Help Center so you see those results in the published article.

    Let me know if you run into any issues.

    Cheers!

    0
  • Alok

    I had an old article with table formatting which was available as on October 2018. I updated the table formatting on the article using the new features which this article explains. Since then everytime I save the article a number of paragraph breaks are getting inserted in the article..

    For example a text like

    <p>
    SOME RANDOM TEXT
    </p>
    <p>
    MORE RANDOM TEXT
    </p>

    is getting changed to

    <p>
    SOME RANDOM TEXT
    </p>
    <p> </p>
    <p>
    MORE RANDOM TEXT
    </p>

    Please help.

    0
  • Vladan Jovic
    Community Moderator

    HI Katie, This one should work.

    Just copy and paste this code at the end of your Help Center theme CSS file.

    .article-body table td {
    border: 1px solid;
    }

    Let us know how it goes. :) 

    0
  • Nelli

    Thanks, this helped :)

    0
  • Melody Quinn

    @Brett - Thank you that worked for the cell properties, and you are right would be very tedious for each cell. Can you offer exactly what to edit in the CSS? I tried adding the padding to each of the table elements, but no luck. Thank you for your help!

    0
  • Brett Bowser
    Zendesk Community Team

    Hey Alok,

    We will most likely need to take a look at a few article examples to determine the cause here. I'm going to generate a ticket on your behalf and pass this over to our Customer Advocacy team.

    You'll receive a follow-up email shortly stating your ticket has been created. Feel free to reply to that email if you have any additional information to provide.

    Cheers!

    0
  • Rob Stack
    Zendesk Documentation Team

    Hi there, I've updated this article to reflect the new UI. Thanks very much for pointing this out! Additionally, I've made a number of changes to the article that hopefully make it easier to follow. Once again, we very much appreciate this great feedback!

    0
  • Janet Julian

    Is there any way to format a particular cell (rather than the whole table) aside from diving into the html?  For instance, if I want to provide a background color for a header row or highlight specific rows of a table with a background color?

    0
  • Nelli

    My table has a double-border and I can't figure out how to remove it:

    I've set the border to 2px and the colour for the border to #e42a21. How can I get rid of the double-border? I would like it to be just simple red border. Thanks for help in advance!

    0
  • Chad Hanna

    It seems really strange to have something allowed to be updated such as cell padding but it doesn't actually register.  Also the fact that when editing articles you can stretch the views but it doesn't carry over to the published article is fairly annoying.

    0
  • Brett Bowser
    Zendesk Community Team

    Hey Sean,

    Any chance you could provide the code you're using to allow sortable tables? While we're limited on what we can assist with on our end at Zendesk, that may help other community members jump in and offer up some guidance.

    Thanks!

    0
  • Pulkit Pandey
    Community Moderator

    Hey Roee Aizman

    TOC is already appearing at the right side as I am seeing on the URL you shared can you please, elaborate on what you want to move on the right side through a screenshot or the mode you prefer so that I will get a  clear point on what you exactly want to do

    Thanks 

    Pulkit

    0
  • Fabien RIC

    Done

    0
  • Richard Hartley

    @Brett - I enabled the allow unsafe HTML option, as suggested.   Unfortunately, it made no difference to the padding issue.  I am using the standard Guide Theme with no modifications. 

    I also tried your suggestion of using the Style box, but this too made no difference.

    0

Please sign in to leave a comment.

Powered by Zendesk