sheets

scripts/pdf/react-pdf/DatasheetDocument.tsx

@@ -41,13 +41,13 @@ export function DatasheetDocument(props: { model: DatasheetModel; assets: Assets
         </View>
 
         {model.product.descriptionText ? (
-          <Section title={model.labels.description}>
+          <Section title={model.labels.description} minPresenceAhead={24}>
             <Text style={styles.body}>{model.product.descriptionText}</Text>
           </Section>
         ) : null}
 
         {model.technicalItems.length ? (
-          <Section title={model.labels.technicalData}>
+          <Section title={model.labels.technicalData} minPresenceAhead={24}>
             <KeyValueGrid items={model.technicalItems} />
           </Section>
         ) : null}
@@ -56,13 +56,15 @@ export function DatasheetDocument(props: { model: DatasheetModel; assets: Assets
       {/*
         Render all voltage sections in a single flow so React-PDF can paginate naturally.
         This avoids hard page breaks that waste remaining whitespace at the bottom of a page.
+        Each table section has break={false} to prevent breaking within individual tables,
+        but the overall flow allows tables to move to the next page if needed.
       */}
       <Page size="A4" style={styles.page}>
         <Header title={headerTitle} logoDataUrl={assets.logoDataUrl} qrDataUrl={assets.qrDataUrl} />
         <Footer locale={model.locale} siteUrl={CONFIG.siteUrl} />
 
         {model.voltageTables.map((t: DatasheetVoltageTable) => (
-          <View key={t.voltageLabel} style={{ marginBottom: 14 }} break={false}>
+          <View key={t.voltageLabel} style={{ marginBottom: 14 }} break={false} minPresenceAhead={24}>
             <Text style={styles.sectionTitle}>{`${model.labels.crossSection} — ${t.voltageLabel}`}</Text>
 
             <DenseTable table={{ columns: t.columns, rows: t.rows }} firstColLabel={firstColLabel} />
@@ -70,7 +72,7 @@ export function DatasheetDocument(props: { model: DatasheetModel; assets: Assets
         ))}
 
         {model.legendItems.length ? (
-          <Section title={model.locale === 'de' ? 'ABKÜRZUNGEN' : 'ABBREVIATIONS'}>
+          <Section title={model.locale === 'de' ? 'ABKÜRZUNGEN' : 'ABBREVIATIONS'} minPresenceAhead={24}>
             <KeyValueGrid items={model.legendItems} />
           </Section>
         ) : null}