Tables longues et pagination

Lorsque vous créez une mise en page, vous souhaiterez peut-être qu’un contenu circule en continu, qu’un bloc reste ensemble ou qu’une nouvelle partie démarre sur sa propre feuille. Tembuilder vous permet de combiner ces approches au sein d’un même modèle.

Définissez le comportement de pagination pour chaque section dans Config → Sauts de page. Ce guide couvre les options, les tableaux longs et les règles CSS qui peuvent affecter les sauts de page.

1. Ouvrez les paramètres de saut de page d’une section

Sélectionnez la section dans Structure, puis ouvrez Config → Sauts de page. Il existe deux contrôles :

• Garder ensemble : indique si la section peut être divisée sur plusieurs feuilles PDF.
• Saut de page : s’il faut forcer un saut avant ou après la section.

Les commandes sont indépendantes. Une section peut commencer sur une nouvelle feuille et continuer sur plusieurs feuilles lorsque son contenu est long.

Pour un tableau ou une liste avec un nombre variable de lignes, commencez par Garder ensemble : Désactivé et Saut de page : Aucun pour laisser le contenu circuler.

2. Gardez un bloc de contenu ensemble

Utilisez Garder ensemble : activé pour une courte section qui doit rester intacte, comme une signature, des détails de paiement ou un résumé. Si l’espace restant est trop petit, la section passe à la feuille suivante.

Utilisez Désactivé pour un long tableau ou une longue liste qui doit continuer sur plusieurs feuilles. Garder l’ensemble du tableau ensemble peut laisser un grand espace sur la feuille précédente.

Le paramètre s’applique à toute la section. Pour conserver uniquement la signature ensemble, créez-en une section distincte plutôt que d’activer On pour une section contenant l’intégralité de la table de service.

3. Choisissez où commence une nouvelle section

Utilisez Saut de page pour séparer les parties du document, par exemple en commençant les termes sur une nouvelle feuille après une facture.

Les deux ne limite pas la section à une seule feuille. Gardez ensemble contrôle toujours la division au sein de la section.

Un saut au niveau d’une limite de page existante n’ajoute pas de feuille vierge. Par exemple, Avant dans la première section n’insère pas de feuille vierge avant le document.

4. Laissez les longs tableaux se poursuivre sur les feuilles

Réglez Garder ensemble : Désactivé sur la section contenant le tableau. Utiliser <thead> for the header and <tbody> for data rows. The <thead>l’en-tête se répète lorsque le tableau continue sur une autre feuille.

Pour les lignes de service, générez le contenu de la table à partir de params.lineItems :

<table>
  <thead>
    <tr><th>Service</th><th>Quantity</th><th>Amount</th></tr>
  </thead>
  <tbody>
    {{#each params.lineItems}}
      <tr>
        <td>{{ description }}</td>
        <td>{{ qty }}</td>
        <td>{{ amount }}</td>
      </tr>
    {{/each}}
  </tbody>
</table>

Pour placer les totaux après la dernière ligne du tableau, placez-les après le tableau ou dans la section suivante avec Saut de page : Aucun. Pour conserver les totaux intacts, activez Conserver ensemble dans la section des totaux uniquement.

Voir Tableaux et objets pour en savoir plus sur la transmission de listes dans un modèle.

5. Lorsque le contenu est tronqué ou se déplace comme un bloc

Ces symptômes indiquent généralement des paramètres différents :

Par exemple, un conteneur .items avec une hauteur fixe et un overflow: hidden clipse tout ce qui dépasse sa boîte. S’il doit s’agrandir avec la liste, supprimez la limite de hauteur et autorisez le contenu visible, comme illustré ci-dessous.

Config contrôle la section elle-même. Les éléments à l’intérieur peuvent toujours avoir leurs propres règles de rupture CSS, alors inspectez-les si la modification de Config ne change pas le résultat.