Table
Cadre de tableau
ATELIER INTERACTIF
Essayez Table
Modifiez les propriétés. L’aperçu et le code sont rendus par Symfony et utilisent les mêmes props Twig.
APERÇU SERVEUR / TWIG RÉEL
| Référence | Statut |
|---|---|
| F-2026-010 | Validé |
Code Twig utilisable
<twig:ui:Table caption="Missions récentes" serial>
<thead><tr><th scope="col">Référence</th><th scope="col">Statut</th></tr></thead>
<tbody><tr><td>F-2026-010</td><td>Validé</td></tr></tbody>
</twig:ui:Table>Exemples
Tableau simple
| Numéro | Objet | Montant |
|---|---|---|
| F-2026-010 | Accompagnement d'octobre | 480,00 |
| F-2026-009 | Audit de structure | 1 250,00 |
<twig:ui:Table caption="Factures">
<thead><tr><th scope="col">Numéro</th></tr></thead>
<tbody><tr><td>F-2026-010</td></tr></tbody>
</twig:ui:Table>Avec statuts
| Mission | Etat |
|---|---|
| Rémunération du dirigeant | Valide |
| Audit de structure | En attente |
<td><twig:ui:Badge tone="success">Valide</twig:ui:Badge></td>Props
| Prop | Défaut | Rôle |
|---|---|---|
caption | null | Titre accessible du tableau |
serial | false | Applique la typographie de numéro de série à la première colonne de données uniquement |
Accessibilité
- Le caption est le titre du tableau pour les technologies d'assistance. Les en-tetes de colonnes doivent etre des th avec scope="col".