将长html表拆分为两个或多个表

时间:2018-05-15 07:45:51

标签: css pdf html-table

我使用pdfreactor生成pdf,我有一个问题。我从后端服务获得的结果是一个非常长的HTML表,类似于$ this:

<table>
<tbody>
    <tr>
        <th>01</th>
        <th>02</th>
        <th>03</th>
        <th>04</th>
        <th>05</th>
        <th>06</th>
        <th>07</th>
        <th>08</th>
        <th>09</th>
        <th>10</th>
        <th>11</th>
        <th>12</th>
    </tr>
    <tr>
        <td>XXXX</td>
        <td>XXXX</td>
        <td>XXXX</td>
        <td>XXXX</td>
        <td>XXXX (XXXX)</td>
        <td>XXXXXXX (XXXXXXX)</td>
        <td>XXXXXXXXXXXXXXXXXX</td>
        <td>XXXXXXXXXXXXXXX</td>
        <td>XXXXXXXXXXX</td>
        <td>XXXXXXXX</td>
        <td>XXX XXXXXXX</td>
        <td>XXXXX</td>
    </tr>
    <tr>
        <td colspan="12"><strong>XXXXXXXXX</strong></td>
    </tr>
    <tr>
        <td>XXX</td>
        <td>-XXXXXXXX</td>
        <td>XXXXXX</td>
        <td>-XXXXXX XXX</td>
        <td>-XXXX</td>
        <td>-XXXXXXXXXX</td>
        <td>-XX X X</td>
        <td>-XXXXXXXXXX</td>
        <td>-XXXXXXX XXXXXXXXXX</td>
        <td>-XXXXXX</td>
        <td>-XXXXXXXX</td>
        <td>-X</td>
    </tr>
</tbody>
</table>

所以,客户想要我,如果内容溢出页面,将表分成两个或更多表。

如果它是HTML文档而不是pdf,我可以使用Javascript来确定表格元素的宽度,然后拆分它,但我不能。

有没有一些css主人知道这可能与css有关吗?

0 个答案:

没有答案