Menu
Componenten / Uitgebreid / Inhoud
Tabel
Gegevens in rijen en kolommen met caption en kolomkoppen. Scrolt horizontaal binnen zijn vak op mobiel.
UitgebreidInhoud2 instellingen
tableInstellingen
Laden…
<div class="gx-table-wrap" tabindex="0" role="region" aria-label="Pakketten">
<table class="gx-table gx-table--lines">
<caption>Pakketten</caption>
<thead>
<tr>
<th scope="col">Pakket</th>
<th scope="col">Pagina's</th>
<th scope="col">Oplevering</th>
<th scope="col" class="gx-num">Vanaf</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Basis</th>
<td>1-3</td>
<td>2 weken</td>
<td class="gx-num">€ 2.500</td>
</tr>
<tr>
<th scope="row">Uitgebreid</th>
<td>4-10</td>
<td>4 weken</td>
<td class="gx-num">€ 6.000</td>
</tr>
<tr>
<th scope="row">Maatwerk</th>
<td>10+</td>
<td>In overleg</td>
<td class="gx-num">Op aanvraag</td>
</tr>
</tbody>
</table>
</div>Instellingen
Alles wat je kunt variëren. Ook als query in de URL en als options in de MCP-tool get_component.
| Sleutel | Instelling | Waarden | Standaard |
|---|---|---|---|
style | Stijl | lines striped | lines |
density | Dichtheid | normal compact | normal |
Richtlijnen
Toegankelijkheid
- caption, th met scope.
- Scrollvak is focusbaar met een naam.
Wel
- Getallen rechts uitlijnen.
Niet
- Tabellen voor layout.