Demo Table
Page de démonstration avec une table triable, recherche et scroll infini. Accessible à /demo/demotable
12 résultats trouvés
ID | Nom | Email | Rôle | Département | Statut | Assigné | Créé le | ||
|---|---|---|---|---|---|---|---|---|---|
| 1 | Alice Martin | alice@example.com | Admin | IT | actif | Jan 15 | |||
| 2 | Bob Dupont | bob@example.com | Éditeur | Marketing | actif | Jan 16 | |||
| 3 | Claire Bernard | claire@example.com | Contributeur | Ventes | inactif | Jan 17 | |||
| 4 | David Leroy | david@example.com | Lecture seule | RH | pending | Jan 18 | |||
| 5 | Emma Petit | emma@example.com | Éditeur | Marketing | actif | Jan 19 | |||
| 6 | François Moreau | francois@example.com | Admin | IT | inactif | Jan 20 | |||
| 7 | Sophie Dubois | sophie@example.com | Contributeur | Ventes | actif | Jan 21 | |||
| 8 | Thomas Laurent | thomas@example.com | Éditeur | Marketing | pending | Jan 22 | |||
| 9 | Marie Lefebvre | marie@example.com | Admin | IT | actif | Jan 23 | |||
| 10 | Pierre Morel | pierre@example.com | Lecture seule | RH | inactif | Jan 24 |
Chargement de plus de résultats...
Fonctionnalités de la table :
- Filtres : Utilisez le bouton Filters pour filtrer par statut, département ou rôle
- Tri multi-colonnes : Utilisez le bouton Sorts pour ajouter plusieurs tris
- Colonnes : Utilisez le bouton Columns pour afficher/masquer des colonnes
- Recherche : Utilisez le bouton de recherche pour filtrer les résultats
- Scroll infini : Descendez pour charger automatiquement plus de résultats
- Drawer : Cliquez sur une ligne pour ouvrir les détails dans un tiroir à droite
- Modification inline : Double-cliquez sur une cellule pour l'éditer
- Drag & drop : Glissez la poignée (⋮⋮) pour réordonner les lignes (sans filtre ni tri)
- Badges de statut : Affichage coloré des statuts (actif, inactif, pending)
- Responsive : Table adaptée aux différentes tailles d'écran