Skip to main content
Skip table of contents

Style tables with only one row differently

Sometimes, using a table with just one row is a handy way to create a multi column layout without using a real multi column layout.

Presenter assigns the CSS class singleRowTable to all tables that have only one row so you can easily style them differently. For example, the following CSS block removes the borders from single row tables:

CSS
.reveal table.singleRowTable .confluenceTh,
.reveal table.singleRowTable .confluenceTd,
.reveal table.singleRowTable tbody tr:last-child th,
.reveal table.singleRowTable tbody tr:last-child td {
    border: none;
}

(lightbulb) Why are there so many selectors?! The presentation framework itself has some fallback styles for tables, so we have to be extra verbose to overwrite them all.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.