projectdoc Toolbox

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

Identifier
projectdoc-alternating
Component

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. 

NameShort 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.

Resources

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