Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Document Properties Marker
overridefalse


Short DescriptionUse the CSS class projectdoc-alternating for a HTML table to get alternating colored table rows.
Doctypepropertyhide
Nameprojectdoc-alternating
Parent
Parent Property
property-nameName

Audience
Name List
doctyperole
propertyAudience
hide
Tags

Identifierprojectdoc-alternating
Component
Name List
doctypecomponent
namesHTML Table
propertyComponent

Mandatory
Type
Default Value
Value Range
Implementation
Iteration

Iteration
valueproduction

hide
Sort Keyhide



Section
show-titlefalse
titleDescription

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

Code Block
languagecss
titleCSS Styles
table.projectdoc-alternating tr:nth-child(odd) {
	background: #FFF;
}

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


...

Section
titleExample 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


Section
titleRelated CSS Selectors

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

Display Table
doctypeproperty
selectName, Short Description
where$<Component>=[HTML Table]

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


Section
titleSubproperties
Display Table
doctypeproperty
render-no-hits-as-blanktrue
selectName, Short Description
restrict-to-immediate-childrentrue
sort-bySort Key, Name

...

Section
titleNotes


Section
titleReferences


projectdoc-tour-macro
render-no-hits-as-blanktrue
render-as-definition-listtrue
marker-column-property-nameTitle
replace-title-with-nametrue


TitleShort Description





projectdoc-section
titleResources


Tour
render-no-hits-as-blanktrue
render-as-definition-listtrue
marker-column-property-nameTitle
replace-title-with-nametrue


TitleShort Description
Display Table Macro