Table - Tableau

Le tableau permet de présenter une liste structurée de données textuelles et/ou numériques.

Conteneur de tableau - Bandeau

Un tableau permet d’organiser différents types de contenu de manière structurée en utilisant des lignes et des colonnes.

Les en-têtes de colonne peuvent trier les données par ordre croissant ou décroissant. Les lignes peuvent être développées pour révéler progressivement des informations. Les lignes peuvent être sélectionnées pour pour réaliser des actions.

 

Usage correct

  • Afficher des données de manière structurée sous forme de lignes et de colonnes pour faciliter leur analyse et traitement.
  • Trier ou filtrer les données en fonction de différents critères
  • Afficher un grand nombre de données, car un tableau permet de conserver une présentation structurée et organisée, facilitant ainsi la visualisation et la navigation

 

🚫 Usage incorrect

  • Si les données ne suivent pas une structure tabulaire claire, l'utilisation d'un tableau peut rendre la présentation difficile à comprendre pour les utilisateurs
  • Si les données nécessitent une représentation graphique complexe pour être comprises, un tableau pourrait ne pas être le meilleur choix. Dans de tels cas, des graphiques ou des diagrammes peuvent être plus appropriés.

Mode opératoire

Pour ajouter un tableau dans vos interfaces, nous vous conseillons de suivre les étapes suivantes :

  1. Importez les composants “Table” et "Table Row Cells" en local.
  2. Détachez le composant "Table Row Cells” et créez un composant local. Configurez votre composant “Table Row Cells” local selon vos besoins (sélectionner le type de cellule nécessaire pour chaque slot, cachez et ajoutez de cellules...)
  3. Sélectionnez toutes les lignes du tableau dans le composant “Table”. Remplacez les en sélectionnant le composant local créé précédemment en utilisant Swap Instance