Le tableau vous permet de présenter des données aux internautes. Pour créer un tableau vous avez plusieurs solutions : utiliser l'éditeur visuel, l'application Calc sur Google Drive ou insérer le widget Tableau.
Découvrez comment créer un tableau facilement dans une page en ajoutant des lignes, des colonnes et en sélectionnant les champs de votre choix (des dates, du texte, des cases à cocher, des images etc... ).
Un exemple de tableau réalisé avec le widget
Titre du tableau : liste des bénévoles
Avatar
Nom
Prénom
Date de naissance
Somme récoltée
Présence confirmée
Durand
Mélanie
12/05/1986
12.00€
done
Dufresne
Véronique
12/12/1987
54.00€
Dupont
Sophie
05/07/1954
128.00€
done
Dugentil
Michel
02/04/1945
352.00€
Les champs du tableau
Vous allez pouvoir ajouter des champs et proposer à vos internautes de trier les résultats.
Texte : comme son nom l'indique, il permet d'ajouter du contenu texte libre, comme un nom, un prénom, une adresse. Vous pouvez aussi insérer du code HTML.
Date : nous vous proposons différents formats de date sous la forme 12-janv-1995,12/01/1995, etc...
Durée : pour afficher un chono ou un temps de différentes façons (exemple : jours/heures, heures/minutes, heures/minutes/secondes etc...)
Numérique : vous pouvez choisir le symbole qui suit la valeur, pratique pour exprimer des sommes en € ou en $, des quantités en litre ou en poids !
Case à cocher : ce champs permet d'afficher un statut "validé" ou "confirmé". Vous pourriez par exemple avoir une colonne "côtisation réglée" et indiquer par une Check Box que le paiement d'un adhérent est validé.
Image : permet d'afficher une image, comme un avatar par exemple
Fichier : permet d'afficher un fichier à télécharger dans une cellule du tableau (ce fichier est hébergé dans votre espace de stockage).
Ajouter un tableau en 3 clics
Si vous savez comment créer une page dynamique, vous pouvez réaliser vos pages avec des lignes et des colonnes. Cliquez sur Ajouter une ligne puis choisissez Autres widgets > Définir > Gadgets > Tableaux
Les réglages de base
Choisissez un titre pour votre tableau. Dans cet onglet, vous pouvez définir les options générales du tableau, comme activer le tri sur les colonnes ou afficher le numéro des lignes.
Nombres et types de colonnes
Donnez un titre à vos colonnes puis choisissez les types de données à afficher (texte, date, image). Toutes les colonnes peuvent être interverties (pour changer l'ordre, utilisez le glisser-déposer).
Remplissez les cellules
Comme sur une feuille de calcul, remplissez les cases pour chaque colonne. Pour ajouter une image ou un fichier, vous devez double cliquer dans la celulle. Toutes les lignes peuvent être interverties.
Astuces
Vous pouvez trier les données coté manager et permettre à l'internaute de trier les données coté site. Pour cela, activez l'option "Activer le tri sur cette colonne". Les colonne de notre tableau de démonstration en haut de ce tutoriel peuvent être triées. Essayez en cliquant sur le titre d'une colonne : vous pourrez par exemple ré-ordonner les lignes du tableau en triant la colonne "prénom" par ordre alphabétique
Si vous souhaitez insérer des liens dans les cellules de votre tableau, c'est possible mais vous devez le faire en HTML. Copiez et collez votre lien en html, il sera interprété dans votre tableau coté site.