Comment ajouter un tableau à un modèle builder PDFMonkey ?

Glissez un bloc Table depuis le panneau Blocks sur le canevas. Le builder crée automatiquement toute la structure — thead, tbody, rangées, cellules d’en-tête et cellules de données — pour que vous commenciez avec un tableau prêt à l’emploi.

Comment générer des rangées de tableau dynamiques à partir de données dans PDFMonkey ?

Sélectionnez l’élément tr à l’intérieur de tbody, ouvrez le panneau Logic et configurez la Repetition pour itérer sur une collection de vos données. Chaque cellule de cette rangée peut ensuite référencer les propriétés de l’élément comme item.name ou item.price.

Tableaux

Le bloc Table crée automatiquement un tableau HTML sémantique complet : lorsque vous en ajoutez un, le builder génère toute la structure pour que vous commenciez avec un tableau prêt à l’emploi.

Structure du tableau

Lorsque vous ajoutez un bloc Table, le builder crée toute la hiérarchie : un élément table contenant thead et tbody, chacun avec des rangées (tr), des cellules d’en-tête (th) et des cellules de données (td). Ces sous-éléments n’apparaissent pas dans le panneau Blocks : ils ne sont visibles que dans l’arbre Elements lorsque vous développez le bloc Table.

Un bloc Table montrant la structure auto-générée dans l’arbre Elements

Gérer les rangées et les colonnes

Utilisez le panneau Settings pour ajouter ou supprimer des rangées (dans thead ou tbody séparément) et des colonnes (ce qui affecte toutes les rangées en même temps).

Sélectionnez des cellules th ou td individuelles dans l’arbre Elements et modifiez leur contenu textuel comme un bloc Text classique.

Modes de bordure

Le bloc Table prend en charge deux modes de rendu des bordures :

Border-collapse : les bordures des cellules adjacentes fusionnent en une seule bordure partagée.
Border-separate : chaque cellule conserve sa propre bordure indépendante, et vous pouvez contrôler l’espacement entre elles.

Basculez entre les deux dans le panneau Styles.

Styliser les cellules

Sélectionnez n’importe quelle cellule (th ou td) dans l’arbre Elements, puis passez au panneau Styles pour ajuster le padding, la couleur d’arrière-plan, l’alignement du texte, les bordures et la typographie.

Utilisez la fonctionnalité de copier/coller de styles (menu contextuel par clic droit ou raccourcis clavier) pour appliquer le même style à plusieurs cellules rapidement. Cela fait gagner beaucoup de temps lorsque vous avez besoin d’un formatage cohérent sur une rangée ou colonne entière.

Rangées dynamiques

Vous pouvez générer des rangées de tableau à partir de vos données grâce au paramètre de répétition. Sélectionnez l’élément tr à l’intérieur de tbody, ouvrez le panneau Logic et configurez la répétition pour itérer sur une collection de vos données.

Par exemple, si vos données contiennent un tableau items, configurez la répétition pour boucler sur items. Chaque cellule de cette rangée peut alors référencer item.name, item.quantity, item.price, etc.

Consultez Conditions et boucles pour tous les détails sur les liaisons de répétition.

Style pair/impair des rangées

Pour des tableaux à bandes alternées (zebra-striping), utilisez les styles situationnels pour appliquer des arrière-plans différents aux rangées paires et impaires. Cela rend les grands tableaux plus faciles à parcourir.

Consultez Styles situationnels pour les instructions de configuration.

Questions fréquentes

Comment ajouter un tableau à un modèle builder PDFMonkey ?: Glissez un bloc Table depuis le panneau Blocks sur le canevas. Le builder crée automatiquement toute la structure — thead, tbody, rangées, cellules d’en-tête et cellules de données — pour que vous commenciez avec un tableau prêt à l’emploi.
Comment générer des rangées de tableau dynamiques à partir de données dans PDFMonkey ?: Sélectionnez l’élément tr à l’intérieur de tbody, ouvrez le panneau Logic et configurez la Repetition pour itérer sur une collection de vos données. Chaque cellule de cette rangée peut ensuite référencer les propriétés de l’élément comme item.name ou item.price.
Peut-on styliser des cellules de tableau individuelles dans le builder PDFMonkey ?: Oui. Sélectionnez n’importe quelle cellule th ou td dans l’arbre Elements, puis utilisez le panneau Styles pour ajuster le padding, la couleur d’arrière-plan, l’alignement du texte, les bordures et la typographie. Vous pouvez aussi copier-coller les styles entre cellules.