Table

Tables are styled with light-DOM utility classes on native <table> elements (shadow DOM can't style slotted table cells). Included in voxblocks.css.

Module	Version	Downloads
puppet-nginx	6.0.1	1.2M
puppet-systemd	8.1.0	3.4M
puppet-postgresql	10.5.0	2.1M

<table class="vox-table">…</table>
<table class="vox-table vox-table--striped">…</table>
<table class="vox-table vox-table--compact">…</table>

Comparison tables

Wrap a wide table in .vox-table-wrap for a bordered, rounded, horizontally scrollable container. <th scope="row"> row headers get the same tinted background as column headers automatically.

Dimension	OpenVox	Ansible
Model	Declarative	Procedural
Execution	Pull-based agent	Push-based over SSH

<div class="vox-table-wrap">
  <table class="vox-table">
    <thead>
      <tr><th scope="col">Dimension</th><th scope="col">OpenVox</th><th scope="col">Ansible</th></tr>
    </thead>
    <tbody>
      <tr><th scope="row">Model</th><td>Declarative</td><td>Procedural</td></tr>
    </tbody>
  </table>
</div>