Use the CSS class projectdoc-alternating for a HTML table to get alternating colored table rows.

Tables generated by the projectdoc Toolbox set this selector to allow different styles on odd and even rows.

CSS Styles

table.projectdoc-alternating tr:nth-child(odd) {
	background: #FFF;
}

table.projectdoc-alternating tr:nth-child(even) {
	background: WhiteSmoke;
}

Example of Usage

The Display Table Macro can be configured to use this style.

Set the Render Mode to table=projectdoc-alternating.

In case you need to use an alternate style, just type the name of your selector like this: table=my-table-style

Related CSS Selectors

The following CSS selectors defined by the projectdoc Toolbox are also related to the styling of tables.

Name	Short Description
projectdoc-counter-column	Marks column cells that contain a row counter.
projectdoc-fullwidth	Use the CSS class projectdoc-fullwidth for a HTML table to get a table using 100% of the available width.
projectdoc-halfwidth	Use the CSS class projectdoc-halfwidth for a HTML table to get a table using 50% of the available width.
projectdoc-quarterwidth	Use the CSS classprojectdoc-quarterwidth for a HTML table to get a table using 25% of the available width.
projectdoc-selected-document-properties	Rendered with a properties table in front of transcluded content.
projectdoc-thirdwidth	Use the CSS class projectdoc-thirdwidth for a HTML table to get a table using 33% of the available width.

Note that these selectors are only applied to tables that are generated by tools provided by the projectdoc Toolbox.

Display Table Macro: Lists references to projectdoc documents in a table. Allows to select document properties for columns. Also non-list representations are provided.