Le composant “Table - Tableau” évolue avec une nouvelle fonctionnalité permettant de réorganiser les lignes directement dans le tableau.
Cette amélioration apporte plus de flexibilité dans la manipulation des données, tout en respectant les exigences d’accessibilité.
Objectifs
Permettre aux utilisateurs de réorganiser facilement les lignes d’un tableau, via des interactions intuitives, accessibles à tous les usagers.
Ce que propose ce composant
-
Une réorganisation intuitive par glisser-déposer
Les lignes du tableau peuvent être déplacées directement à la souris ou au trackpad, via un mécanisme de drag & drop. -
Un usage accessible au clavier
La fonctionnalité est également disponible au clavier, afin de répondre aux exigences d’accessibilité et garantir une utilisation inclusive. -
Une intégration simple côté développement
Un attribut dédié (reorderable) permet d’activer la réorganisation des lignes sur le composant tableau, sans modification structurelle. -
Un pattern adapté aux cas d’usage métier
Cette fonctionnalité est particulièrement utile lorsque l’ordre des données a du sens pour l’utilisateur (priorisation, classement, organisation manuelle).
Résultats
- Une interaction plus flexible dans la gestion des tableaux
- Une expérience utilisateur enrichie, adaptée aux usages avancés
- Une fonctionnalité accessible et conforme aux bonnes pratiques
Liens
- 🔗 Lien vers la documentation (table)
- 🔗 Lien vers un exemple dans la documentation
- 🔗 Lien vers storybook (table - reordable)