nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Table Border in Confluence

J_zr7xva

Hi,

I am trying to hide the table borders in Confluence but to no avail.

I have done some research on the web and here but it doesn't look like the question has been answered or it was referring to older versions of Confluence.

I have been trying to make it work with Table Plus as well but does not seem to work with Border = 0

Would be great if someone could help.

Thanks.

Accepted answers

All comments

Bob Swift

For table-plus, set class to blank and border to 0.

J_zr7xva

Hi Bob,

Thanks for the answer.

Not sure if I am doing it wrong...but at the start of the macro it has:

Table Plus | class | border=0

Have I missed something?

Thanks

Bob Swift

That should work and does in my test. Open an issue if not.

J_zr7xva

Hi Bob,

I am using Zen Foundation. Has there been any issue regarding borders reported with confluence users who have this add-on?

Thanks.

David at David Simpson Apps

@Jennifer Wong: Try adding something like this to Confluence Admin | Look & Feel | Custom HTML | At the end of the HEAD

&lt;style&gt;
	#com-atlassian-confluence th, 
	#com-atlassian-confluence td,
	#com-atlassian-confluence .confluenceTh, 
	#com-atlassian-confluence .confluenceTd {
		border: 0;
	}
&lt;/style&gt;

It should wipe out all table borders in every space.

Thomas Schubert

I'd need boderless table only some times, not for all tables.

Is there a way to get that (without having table plus macro)?

(Confluence 5.1.4)

Thomas

Bob Swift

Use the css macro (Content formatting macros) with the above suggestion on the page you need it.

Thomas Schubert

Sorry, for that we had to buy the Content formatting macros - that's unfortunately not so easy ...

Thomas

Mark Thompson

This really should be a checkbox or something. And it should be something you don't have to buy a plugin for. Seriously, this is the most basic html. It can't be a fix requiring a lot of resources. We've been asking for this for a couple of years now. Is Bob Swift blackmailing somebody at Atlassian? Does he have pictures from your last Christmas party? Just let us turn off borders on a table.

Thomas Schubert

Yes, it's a shame.

I've helped myself with Section(column()Column()) elements. So I build up a structure with columns and no borders.

Rachael Birky

Not sure if this helps, but...

I created a new macro and used this code:

&lt;style&gt;
tableWrapper.confluenceTh {
        border: 0;
    }
tableWrapper.confluenceTd {
        border: 0;
    }
&lt;/style&gt;

&lt;div id="tableWrapper"&gt;
$body
&lt;/div&gt;

Then the style only applies to tables in the macro, so put only the tables that need 0 border width in the macro.

R Donato

Hi Rachael,

Thanks for provided the code. I created a macro. But when I add a table, I still get borders. Can you please provide the rest of the information you used for the template? I probably made a mistake there.

Thanks,

Rosemary

John82

Copy and paste from a Google Sheet to Confluence. The resulting table will not have borders.

I would like to see the option to turn borders on and off.

R Donato

I created a user macro to remove the table border.

Here's the code:

_____________________________________

Category: formatting

Definition of User Macro: Rendered

## @param borderless_tables:title=Tables without Borders

__________________________________________

HTH,

Rosemary

R Donato

I agree!

Ismael Carlo

Hi All,

I couldn't get any of the suggestions to work for me so I modified @Rachael Birky's suggestion. Here's what I ended up with. All the details are included for those who are new to User Macros.

User Macro

Macro Name: Borderless-Table

Visibility: Visible to all users in Macro Browser

Macro Title: Borderless Tables

Description: Tables contained within this macro will have no borders.

Categories: Formatting

Icon URL: Optional

Documentation URL: https://answers.atlassian.com/questions/180228

Definition of User Macro

Macro Body Processing: Rendered

Template:

## Macro title: Borderless Table
## Macro has a body: Y
## Body processing: Selected body processing option
## Output: Selected output option
## Developed by: Rachael Birky
## Modified by: Ismael Carlo
## Date Last Modified: 1/7/2015
## @param borderless-table:title=Tables without Borders

&lt;style&gt;
#borderlessTableWrapper Th { border: 0; }
#borderlessTableWrapper Td { border: 0; }
&lt;/style&gt;

&lt;div id="borderlessTableWrapper"&gt;
$body
&lt;/div&gt;

Steve Rhodes

@Rachael Birky's code worked for me. Additional thanks to @Ismael Carlo for cleaning it up and making it easier.

Uwe Gehring

Thanks to @Rachael Birky and @Ismael Carlo this works very well!

Mark Thompson

Works beautifully. Thank you, @Ismael Carlo !

Deb Taylor1

People have been asking for a check box (to turn on/off borders) for YEARS. I am incredibly amazed that this feature has not been created. This is part of why we are close to dropping Atlassian.

Jim Bethancourt

I also added the following line in the <style> section: #borderlessTableWrapper Table { width: 100%; }

Stephen11

Yeah it looks like there is a kind of plugin mafia. Atlassian doesn't deliver basic plugins such as tabs, border removing on tables, etc... just to get royalties from the plugin vendors... A SHAME...

Stephen11

Many thanks guys it is a cool solution, and free...

Stephen11

I totally agree with you. I've sent a lot of emails to complain about this "plugin strategy". They prefer to get royalties from the plugin vendors than respecting their customers. Atlassian don't care about their customers, they just want money. Why is it impossible to do tabs for example? We have to pay thousands euro to get that from the servicerocket company. A SHAME. Same for basic functionnalities like borders, etc... Atlassian simply don't care it is like selling a car without electric glass and have to pay a garage to get this extra functionnality. If they continu like this they will loose their customers, as Google will arrive on the market with a better solution...

Blake Masri

Genius! At first I was like it didn't work but then I realized duh I need to make the border white in google sheets. THANK YOU!

boardtc

This works but there is an issue showing an info macro in one of the cells, the title of the info macro is shown but not the body sad I wonder why setting border to 0 for <th> & <td> would affect this macro rendering...

Theo Wessels

I tried, but it dosn´t work sad

boardtc

We upgraded to v 5.9.6 and this now works smile

unknown

Added the style suggested by Rosemary without the <style> tag in a page using the CSS macro, as follows:

#com-atlassian-confluence th,
#com-atlassian-confluence td,
#com-atlassian-confluence .confluenceTh,
#com-atlassian-confluence .confluenceTd {
border: 0;
}

It worked for the tables in the page.

Henk Keuris

Thanks! This worked for me (none of the other Macros above worked).

Thanks for the share!

Marc Moroz

I'm continuously amazed at the lack of basic support. It's something people need to know about before getting involved with Atlassian.

Ravee Panjwani

I tried something that worked. While using table-plus, enter the following for your column, row, or table style.

border-left:#ffffff solid; border-right:#ffffff solid; border-bottom:#ffffff solid; border-top:#ffffff solid

Ravee Panjwani

Alternately use:

border-left:hidden; border-right:hidden; border-top:hidden; border-bottom:hidden

Matthew Beda_yfxwsh

Another option: User Macro

Macro Name: tablestripe

Visibility: Visible to all users in Macro Browser

Macro Title: Table Striper

Description: Define Border and Striping for nested Table.

Categories: Formatting

Icon URL: Optional

Rendered: Checked

{code}

## @Param Border:title=Table Cell Borders|type=enum|enumValues=Top,Bottom,All,None|default=All|desc=Choose Table Border Settings
## @Param Striped:title=Stripe Table|type=boolean
<style>
.TableStriper.border-Bottom table td,
.TableStriper.border-Bottom table th {
border: none;
border-bottom: 1px solid #ccc;
}
.TableStriper.border-Top table td,
.TableStriper.border-Top table th {
border: none;
border-top: 1px solid #ccc;
}
.TableStriper.border-None table td,
.TableStriper.border-None table th {
border: none;
}

.TableStriper.striped-true table tr:nth-child(odd) td {
background: #f9f9f9;
}
</style>

{code}

Roman Joss

Hi @Matthew Beda
That is a great example, many thanks.
I'm trying to enhance with background-color and font-color for the heading-style. But i get to no results. I've tried the following:

.TableStriper.border-None div tablesorter-header-inner {
background-color: #092768 !important;
color: #FFFFFF !important;
}

Do you have a hint with which parameter i can change this?
Many thanks!
Roman

Matthew Beda_yfxwsh

The Background color is typically applied to the TH. Try this.

.TableStriper.border-None table.tablesorter>thead>tr>th {

        background-color:#092768 !important;

        color:#FFF !important;

}

You may want to set this Color as a Param in the macro and utilize it much like the border paramater.

## @ParamHeaderColor:title=Header Color=enum|enumValues=Default,Grey, Black, Red,Green|default=Default|desc=Choose a color for the Table Header

Add the Param to the Same place as the Border Param.

And Define a CSS Styl for each Color Param

.TableStriper.Red table.tablesorter>thead>tr>th {

        background-color:Red !important;

        color:#FFF !important;

}

Roman Joss

Hi @Matthew Beda

That's great, thanks. I'm coming closer to use userfriendly macros.
By point was to define a color just for the heading-rows/columns. If i use 'background-color' the whole table is colored. Do know which style I have to declare just for the header-rows?
I've tried with 'tablesorter-header-inner', but this do not work.

Lars Swart

Hi, I used this version since 2016 on my server appliance.

It worked fine. But we are on Confluence 7.4.4 now and the macro doesn't seem to do its job anymore.

The borders are gone, but the complete table has a grey background now.

Does anybody know why this is happening, and what to do about it?

## Macro title: Borderless Table
## Macro has a body: Y
## Body processing: Selected body processing option
## Output: Selected output option
## Developed by: Rachael Birky
## Modified by: Ismael Carlo
## Date Last Modified: 1/7/2015
## @param borderless-table:title=Tables without Borders

<style>
#borderlessTableWrapper Th { border: 0; }
#borderlessTableWrapper Td { border: 0; }
</style>

<div id="borderlessTableWrapper">
$body
</div>

Roman Joss

Hi Lars
I've tested this macro on Version 7.4.9.
As defined, the borders are set to 0 and no border are visible.
The Background of the table is still without color.
For me it seems to work as defined.
Regards, Roman

Lars Swart

Hi Roman,

what Browser did you use?

Lars

Roman Joss

Hi Lars
Chrome Version 91.0.4472.77

Roman

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence