Google Puppeteer - Невозможно создать из HTML в PDF для большего количества столбцов таблицы. - PullRequest
Новая
       35

Google Puppeteer - Невозможно создать из HTML в PDF для большего количества столбцов таблицы.

0 голосов
/ 16 июня 2020

Я работаю над HTML в PDF с помощью Google puppeteer. Я пытаюсь создать PDF-файл с 16 числами столбцов, но не получаю ответа на большее количество столбцов. Причина root проблемы - CSS. Когда я удаляю разрыв слова: break-all; он работает, но некоторые столбцы усечены. 

.table thead th {
    border: solid 1px #eaeaea;
    padding: 10px;
    text-align: left;
    text-transform: capitalize;
    max-width: 100px;
    word-break: break-all;
}
.table td {
    max-width: 100px;
    word-break: break-all;
}   
const pdf = await page.pdf({
    displayHeaderFooter: true,
    headerTemplate: hfConstantTemplate.HEADER,
    footerTemplate: hfConstantTemplate.FOOTER,
    margin: {
        top: "100px",
        bottom: footerMargin,
        left: "20px",
        right: "20px"
    },
    printBackground: true,
    format: 'A4',
    landscape: isEnableLandscape
});
<table class="tm-report-table">
    <thead>
        <tr>
            {{#each tableData.[0]}}
            <th>
                <div>{{@key}}</div>
            </th>
            {{/each}}
        </tr>
    </thead>
    <tbody>
        {{#each tableData}}
        <tr>
            {{#each this}}
            <td>
                <div>{{this}}</div>
            </td>
            {{/each}}
        </tr>
        {{/each}}
    </tbody>
</table>

{
  "Destination": "fls-eu.amazon.in",
  "Connectivity State": "0",
  "Policy Name": "GEM Client BLOCK USB PAN AADHAR",
  "Rule Sets": "124889",
  "Rules": "WebBlockPAN_UID",
  "Evidence Count": "1",
  "Total Match Count": "1",
  "Expected Action": "1",
  "Type": "40500",
  "Short match string": "<enc v=\"1\">YpDvilL433sDfs4wucDhh2Bs9YG3tqcBVQTF++sUW50AvKOJ8neIn1LU9hBvZqiT77lV4ZC4B0aMebbdIx9yIKdaN7PkwcnrvDhZCHJwrM3HvBwlavWvRknAnVdRZcoK4rRkr/q7kWqpjIc8LgMwSDPpYm/ZAwkn4Fnu44f/J1Q6KCMjiPzc10+7Z7nyfwWrUWhpJjuU++IGzOTYpZIaHBtqykCxR/0gS+L3QKS6IOHZOtN/sPPNKQRUsxN9kbnIRFWE3C5/SvygDj7DwphQDwK7ipT5+Q2Ft2v5b8nRn8t2x0VChKuc5+j11Gi+EEGL</enc>",
  "Computer Name": "N10500",
  "Actual Action": "0",
  "ID": "124889",
  "Occurred": "5/21/20 4:10:59 AM IST",
  "User Logon Name": "N10286\\N10286"
}
...