How do you make table borders disappear?

[Karie Kelly]

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.

[Davin Studer · Accepted solution]

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>

[Karie Kelly]

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]

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

[Karie Kelly]

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?

[Karie Kelly]

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

[Davin Studer]

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]

No problem. Glad to help.

[Milo Test]

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.

[Karsten Knecht]

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. 

[Jim Heddles]

I also just found this solution and it also exactly solved my problem.  THANKS>

[Michelle Rau HP]

I was able to use this information to create a CSS stylesheet for a page and it worked perfectly. Thanks!