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