Le tableau permet l’affichage et l’organisation de données textuelles ou numériques.
Documentation : Figma
Langage: HTML
<div class="classe-parent">
<table class="table classe-table" id="id-table">
<caption class="classe-caption">Titre du tableau</caption>
<thead class="classe-thead">
<tr>
<th scope="col">Colonne simple</th>
<th scope="col">Colonne <span class="d-block">sur 2 lignes</span></th>
<th class="table-sort" scope="col"><ft-tablesort direction="none" label="Colonne avec tri" type="default"></ft-tablesort></th>
<th class="classe-colonne" id="id-colonne" scope="col">Colonne avec classe et id</th>
<th scope="col"><span class="sr-only">Colonne avec en-tête masqué</span></th>
</tr>
</thead>
<tbody class="classe-tbody">
<tr>
<th scope="row">Titre de la ligne 1</th>
<td>Contenu</td>
<td>Contenu</td>
<td>Contenu</td>
<td>
<div class="table-tools-group">
Boutons d'action
</div>
</td>
</tr>
<tr>
<th scope="row">Titre de la ligne 2</th>
<td>Contenu</td>
<td>Contenu</td>
<td>Contenu</td>
<td>
<div class="table-tools-group">
Boutons d'action
</div>
</td>
</tr>
<tr>
<th scope="row">Titre de la ligne 3</th>
<td>Contenu</td>
<td>Contenu</td>
<td>Contenu</td>
<td>
<div class="table-tools-group">
Boutons d'action
</div>
</td>
</tr>
</tbody>
</table>
</div>
// L'aperçu n'est pas disponible pour les dépendances externes