numbered

.numbered (tables)

Adding class="numbered" to a <table> enables automatic numbering, caption linking, and inclusion in a Table of Tables.

Usage

<table class="numbered">
  <caption>Browser support matrix</caption>
  <thead>
    <tr><th>Browser</th><th>Supported since</th></tr>
  </thead>
  <tbody>
    <tr><td>Chrome</td><td>79</td></tr>
    <tr><td>Firefox</td><td>97</td></tr>
  </tbody>
</table>

<!-- Elsewhere: auto-fills with "Table N" -->
<a href="#ref-to-table-id"></a>

Generate a List of Tables

<section id="list-of-tables">
  <!-- All numbered tables are listed here automatically -->
</section>

Notes

• A <caption> is required — the no-captionless-tables linting rule enforces this
• <caption> must be the first child of <table>
• Empty links to a numbered table's id auto-fill with "Table N" text
• Tables without class="numbered" are not auto-numbered or included in the List of Tables