Pretty Tables / Discussion

This is the discussion related to the wiki page Pretty Tables.

RobElliott 29 May 2013 07:24

A slightly simpler way to achieve alternate row colors in a table is to use nth-child and you don't then need to specifically apply a class to each alternate row, for example:

table.wiki-content-table tr {
    background-color: #fff;
}
 
table.wiki-content-table tr:nth-child(odd) {
    background-color:#eee;
}

---

Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

DrCaduceus 16 May 2014 03:25

This would make a nice place to put announcements. Thanks!

---

Send Message | Regeneration's a lottery.

Marifer Zapata 23 Mar 2020 21:08

[[module CSS]]
#page-content table.pretty{
border-collapse: collapse;
border: #8596A9 ;
}
#page-content tr,td {
padding: 10px;
}
#page-content tr.alt{
background: #8596A9;
color: #FFFFFF;
font-weight: bold;
}
[[/module]]

Row 1	Row 1 Description
Row 2	Row 2 Description