How do you make table borders disappear?

Prior to the RTE, we could create tables but with no borders. We used this often in order to assist with the documentation formatting (e.g. put an image in the first column and explanation/description in the second column). This ensured the images and text were aligned. You cannot ensure alignment when using sections/columns.

There is no option in the RTE for the table borders to be invisible (:-( given this is a common option for other table RTEs). Does anyone know how to do this so it remains editable? I don't want to use wiki markup becaues it just converts to RTE and you cannot edit it in markup going forward.

Appreciate the advice.

1 answer

1 accepted

Accepted Answer
2 votes
Davin Studer Community Champion May 28, 2014

Here's what I would do. I would create a user macro that can override the style on any tables inside the macro body. Here is an example of a user macro for this. Just add the macro and then put a table inside the body. Voila! No border.

Macro Name:
no_table_border

Macro Title:
No Table Border

Macro Body Processing:
Rendered

Template:
## Developed by: Davin Studer
## Date created: 05/29/2014
## @noparams

<style>
.notableborder table.confluenceTable, .notableborder table.confluenceTable td, .notableborder table.confluenceTable th {border: 0;}
</style>
<div class="notableborder">$body</div>

Davin,

Thank you for that suggestion. How do you thn actually put the table inside? I created the macro and inserted it. Once you have a macro, you cannot use any of the RTE (e.g. I could not insert a table). I tried inserting the actual tags around an existing macro in the source, but that wouldn't render the table at all. I tried to insert markup for a table - again, it was blank.

I would never get a table to actually be inserted inside the macro and displayed in the UI.

Any ideas?

Davin Studer Community Champion May 28, 2014

Oops! The Macro Body Processing should be Rendered not Unrendered.

That makes sense, Davin.

The UI is rendering great without the borders using that solution. Do you know what I need to put in the PDF Stylesheet for the export to apply the same logic for how it is displayed in the UI?

The solution worked perfectly !!!! Thank you very much!

Davin Studer Community Champion May 28, 2014

If you put this into the PDF stylesheet stylesheet it should remove the borders.

.notableborder table.confluenceTable, .notableborder table.confluenceTable td, .notableborder table.confluenceTable th {border: 0;}

Davin Studer Community Champion May 28, 2014

No problem. Glad to help.

Davin, you've saved me again! My new employer uses Confluence cloud, but your solution still works:

  1. Put the table in a Div macro and set the Style field to notableborder.
  2. Add the CSS macro and put the above code in it.
  3. (Optional) Add the above code to the PDF Stylesheet.

Davin, thank you very much.

Found this solution today and it solved exactly my problem. 
BTW: Really strange that Atlassian can't hide cell borders out of the box. 

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Oct 11, 2018 in Confluence

What are your project planning tips?

Hello Community,  Jessica here from the Confluence product marketing team! Today I wanted to get your takes on project planning –– what works, what doesn’t, how do you know if you’re doing it r...

327 views 2 4
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you