Tableau
Le block table rend un tableau de données HTML simple construit à partir d'un ensemble d'en-têtes de colonnes et de lignes. Utilisez-le pour des données tabulaires structurées, comme une comparaison de fonctionnalités, une fiche technique ou un résumé de données, qui ne correspond pas à la mise en page par paliers du block pricing table.
Champs
| Champ | Description | Requis ? |
|---|---|---|
heading | Légende du tableau affichée au-dessus du tableau. Exemple de placeholder : "Pricing comparison". | Non |
| Headers | Un champ texte par colonne. Les colonnes sont ajoutées et supprimées avec le bouton "Add header" ; supprimer un en-tête supprime aussi les cellules de cette colonne dans chaque ligne. | Non |
| Rows | Une ligne de cellules par ligne, correspondant au nombre actuel d'en-têtes. Les lignes sont ajoutées et supprimées avec le bouton "Add row". | Non |
Sécurité HTML
Le heading, chaque en-tête et chaque cellule sont tous échappés et rendus en texte brut. Tous les champs de ce block sont échappés en texte brut ; il n'y a aucun champ HTML brut ici. Si vous avez besoin d'une cellule de tableau contenant un lien ou une autre mise en forme, ce block ne sait pas le faire ; envisagez plutôt le block grid, qui autorise le HTML brut par cellule.
Ce block prend également en charge les contrôles d'apparence standards : couleur de fond, padding, margin (il n'a pas de contrôles distincts de couleur de texte ou de bordure).
Utilisation
{{block:spec-comparison-table}} Généralement placé dans un article ou une page produit à l'endroit où un tableau de données est le moyen le plus clair de présenter l'information, comme une comparaison des spécifications entre versions d'un produit.
Exemple
Un tableau de comparaison de spécifications pour deux paliers de produit :
| heading | value |
|---|---|
| Table caption | Spec comparison |
| Headers | Spec, Standard, Pro |
| Row 1 | Max users, 10, Unlimited |
| Row 2 | Storage, 10GB, 1TB |
| Row 3 | API access, No, Yes |
L'ajout d'un quatrième en-tête (disons, "Enterprise") ajoute automatiquement une cellule vide correspondante à chaque ligne existante, si bien que l'éditeur n'a qu'à remplir les trois valeurs de cellules de la nouvelle colonne plutôt que de reconstruire le tableau.