Fiche: Table ou liste
La frontière entre une liste et un table peut être ténue. Dans certains cas, une liste peut être présenté sous forme de table.
L'important est que le sens de lecture, la correspondance entre les entêtes et les cellules soit préservée. Que cela soit sous la forme "id/headers" (pour les tables) pour en utilisant "aria-labelledby" pour les listes.
Les exemples ci-dessous montre que les 2 modes de construction donnent le même résultat graphique.
C'est la facilité d'usage avec les aides techniques qui devrait donner la bonne orientation de choix.
Dans l'exemple, la boite à filtre est extraite de la table / liste, afin de montrer que dans tous les cas, les filtres n'ont rien à faire dans les entêtes de lignes ou de colonnes.
Implémentation
Liste de résultat tabulée avec colonne fixe
Boite à filtres
-
Trier les résultats par :
- Référence
- Type
- Période
- Prestataire
- Nom du compte
- Statut
- Numéro du devis
- Autres informations
- Action
- Référence
- 4598748787
- Standard
- Mensuel
- Prestataire 1
- Le simple nom d'un compte
- Valide
- 4587 589 6587
- aucune
- Télécharger
- 45777451QZ
- Avancé
- Hebdomadaire
- Prestataire 2
- Le simple nom d'un compte
- En attente
- 4587 589 6587
- Pas grand chose
- Télécharger
- AX45987451
- Standard
- Mensuel
- Prestataire 3
- Le simple nom d'un compte
- Valide
- 4587 589 6587
- Rien du tout
- Télécharger
Liste de résultat en table avec colonne fixe
Boite à filtres
| Référence |
Type |
Période |
Prestataire |
Nom du compte |
Statut |
Numéro du devis |
Autres informations |
Action |
|---|---|---|---|---|---|---|---|---|
| 4598748787 | Standard | Mensuel | Prestataire 1 | Le simple nom d'un compte | Valide | 4587 589 6587 | aucune | Télécharger |
| 45777451QZ | Avancé | Hebdomadaire | Prestataire 2 | Le simple nom d'un compte | En attente | 4587 589 6587 | Pas grand chose | Télécharger |
| AX45987451 | Standard | Mensuel | Prestataire 3 | Le simple nom d'un compte | Valide | 4587 589 6587 | Rien du tout | Télécharger |