This article contains the following topics:
Adding a table to an article
To add a table to an article
- Open the article in the Guide article editor, and place your cursor where you want to add the table.
- In the article editor toolbar, click the table icon:
- In the table formatting menu, move your cursor over the grid to select the
number of rows and columns you want to include in the table:
- Click the grid to add the table to your article.
Once the table is added to your article, you can add content by clicking inside a cell and inserting text or images. You can also format the width, height, text alignment, and other table properties.
Additionally, you can reopen the table formatting menu to change cell properties, add and remove rows and columns, and change the look and feel of your table.
Editing a table
After you have inserted a table, you can change formatting options for the table including deleting or adding rows and columns, changing the properties of cells, or deleting the entire table.
To edit the table properties
- Click inside the table in the article.
- In the article editor toolbar, click the Table icon. From here, you can, for example add and remove rows and columns, or delete the entire table.
- To edit global table properties, click Table properties. This opens the
Table properties window. By default, you can customize the following
properties:
If you need greater control over your table appearance, you need to change your help center security permissions to allow unsafe HTML. See Allowing unsafe HTML in help center articles for more information. If you decide to make this security change, the table properties window displays the following options:
The Advanced tab allows you to update the style, border color, and background color.
Tip: You specify color values using hexadecimal values. For example, black is #000000 and white is #FFFFFF. - When you've made your formatting changes, click OK.
44 comments
Trapta Singh
Glad to hear that. Happy Zendesking :)
0
Zach Brown
I've come across a weird phenomenon that I can't quite explain related to table formatting. I often use tables with white or coloured borders to give the appearance of displaying information in blocks or tiles. I recently noticed that when I view my help center articles on my MacBook Pro screen, I can still see the lines of the formatted table. However, when I drag that same browser tab to my external monitor, the lines disappear (see screenshots for comparison). Is it possible that the higher screen resolution on my MacBook (2560x1600) is the reason that I see the lines and not on my external monitor (2560x1440)? Or could there be another reason that these lines are appearing?

0
Dane
Have you already tried to isolate if it's happening on all external monitors? That is definitely one weird behavior.
0
Zach Brown
Dane I haven't checked with another external monitor myself, but I asked a colleague to test it out and they experienced the same thing that I did. They have the same MacBook Pro that I do, not sure of the resolution on their external monitor.
0
Dane
I have also tested it on my MBP. However, I was not able to replicate the issue that you are currently experiencing. If you choose to have this investigated, please contact us through Messaging and we'll look into it further.
0
Zach Brown
Thanks for looking into it Dane. I'll contact through Messaging.
0
CS_process_info_mgmt
Hello, the advanced option for cell properties is missing, any idea how to have it back?
0
Neil
As mentioned in the article above.
0
Freyja
Hello, I have a question regarding formatting tables. Every time I create a table (new table or copy and paste from another doc) the format change completely when I publish the article. I understand that is normal for the way the editor has been conceived and I understand there is a way to add a defining code on the css theme (not supported by Zendesk). But my question is: how can I avoid this? I have recently created a table on a doc and it's impossible to keep the same format between cells even I used the same parameters. How can I create a table that is "stable"? Thanks
0
Zsa Trias
Hello Freyja,
I have found this article that can help: Why don’t table settings in the editor match the published article?
As mentioned there, by default, the Guide theme CSS overrides the cell padding you have set up through the table properties editor. The article also provides a code snippet that you can insert into your theme to have your cell padding reflected appropriately.
0
Colleen Huck
Trapta Singh is there specific coding we need to use to have cell borders on all 4 sides? I added both a table border colour and cell border colour and while I can see it in edit mode, when I preview/publish the border is only on the top and bottom of the cells.
0
Trapta Singh
Colleen Huck try adding below code at the bottom of style.css file.
.article-body table, .article-body td, .article-body th {
border: solid 1px #000;
}
Let me know how it goes for you.
Thanks
Trapta
1
Colleen Huck
Trapta Singh thanks that worked!
Is there a way to apply it to individual guides versus the template as a whole? We don't always need the full borders.
Further is it there any way to choose where you apply borders? (like in Excel or Word how you can have them on only the right or top of a specific cell)
Thanks!
0
Trapta Singh
Hi Colleen,
Yes you can. But for that you need to change the code a bit and where ever you want to add the border you need to add the class in the article source code.
You can use below snippet for the same:
.article-body .add-border table, .article-body td, .article-body th {
border: solid 1px #000;
}
Now, for the articles where you want to add the border, you need to add an add-border class at the top of the source code.
Let me know if this works for you.
Thanks
Trapta
0