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; } } }

Question on Custom Table, Borders, and headers.

Christian Epperson

How would I go about creating a table similar to the one listed below. (Information hidden for privacy) - Specifically there are no borders for the columns/sides and the divider? Additionally the information hidden links to other documentation and who created. I have already attempted using a confluence list and child pages, but it is not as I would like it.

Preferably I would like to be able to modify the heading of the columns as well. Is this something that can be configured natively within confluence or does it require a marketplace app?

Accepted answers

Stiltsoft support

Hi @Christian Epperson ,

You may use the Table Filter, Charts & Spreadsheets for Confluence (it's the app that we develop) and its Table Transformer macro.

Here is the code for the Stylesheet tab that removes vertical lines of the table grid but leaves horizontal lines as they are:

.confluenceTh, .confluenceTd {
border: none;
border-bottom: 1px solid #C1C7D0;
}

And if you need to rename your columns, you may do it in the SQL query of this Table Transformer macro:

SELECT
'Column 1' AS 'New Name of the Column 1',
'Column 2' AS 'New Name of the Column 2'
FROM T1

If you are not familiar with the app or have any other demands for the use case, please book a live call with our team - we'll be able to discuss everything in details.

All comments

Shawn Doyle - ReleaseTEAM

You will probably need to look at the Marketplace apps. Table formating is limited w/o them.

Christian Epperson

Thank you, Shawn. I will look for any marketplace apps and test. If anyone has marketplace app suggestions it would greatly be appreciated.

Stiltsoft support

Hi @Christian Epperson ,

You may use the Table Filter, Charts & Spreadsheets for Confluence (it's the app that we develop) and its Table Transformer macro.

Here is the code for the Stylesheet tab that removes vertical lines of the table grid but leaves horizontal lines as they are:

.confluenceTh, .confluenceTd {
border: none;
border-bottom: 1px solid #C1C7D0;
}

And if you need to rename your columns, you may do it in the SQL query of this Table Transformer macro:

SELECT
'Column 1' AS 'New Name of the Column 1',
'Column 2' AS 'New Name of the Column 2'
FROM T1

If you are not familiar with the app or have any other demands for the use case, please book a live call with our team - we'll be able to discuss everything in details.

Welcome!

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

Quick Links

Find more posts tagged with

confluence

cloud

confluence-cloud

filter

table

table-filter

table-filter-and-charts

table-transformer

table-filter-charts-spreadsheets