Choicetable, Table

Style choice table elements and table elements.

Overview

Resource location:@import url("https://jorsek.github.io/pdfgen.github.io/styles1.1/modules/dita/choicetable_table.css");
Figure 1. Table with a header row
table with header row
Figure 2. Table without a header row
table without header row
Figure 3. Choicetable.

The “Option” and “Description” choice table headers are generated automatically.

table option and description headers

Common Customizations

You can apply customizations by pasting the following code snippets under the @import rules.

Align table entries vertically
choice table middle align
/* Align entries vertically. */
table > tbody > tr,
table > tbody > tr > td {
  vertical-align: middle; /*or "top", "bottom"
}
Style choice table elements and table elements
table custom
/* Table header color */
table > thead > tr,
table > thead > tr > th,
table > thead > tr > th *,
table > thead > tr > th > .fn::footnote-call {
  color: #ffffff;
  background-color: #3c6e71;
}

/* Odd rows colors. */
table > tbody > tr:nth-child(odd),
table > tbody > tr:nth-child(odd) > td {
      background-color: #d9d9d9;
      color: #353535;
}

/* Even rows colors. */
table > tbody > tr,
table > tbody > tr > td {
      background-color: #ffffff;
      color: #353535;
}

/* Borders colors. */
table {
  border-color: #3c6e71;
}