在将cshtml页面转换为pdf时,分页符表格边框中缺少水平边框

时间:2016-08-24 13:49:25

标签: css pdf-generation wkhtmltopdf html-to-pdf

我正在以pdf格式打印大型报告,包括许多表格,但一般不包含水平单元格边框。 为此,我在cshtml生成了报告,然后使用NRECO将其传递给pdf

现在发生的事情是当我的桌子尺寸较大以及当页面分成另一页时,我的表格中没有得到水平线。

但是当我的页面在Pdf中断时,我希望在我的表格中使用水平边框。目前我在Page1的最后有一个长桌,而我没有得到水平边框。

见下图:Horizontal border problem in table

 <table border="0" cellpadding="0" cellspacing="0" class="width100percent">
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                ...
                                                ...
                                           </tr>
                                        </thead>
                                        <tbody>
                                           <tr>
                                                <td></td>
                                                 <td></td>
                                                 <td></td>
                                                ...
                                                ...
                                           </tr>
                                        </tbody>
        </table

1 个答案:

答案 0 :(得分:0)

我一直在查看您的代码,并尝试重现您的问题。在CSS中,单元格元素的边框仅在左侧,因此生成包含的示例图像似乎并不完整。

以下是根据您的内容构建的HTML页面的示例:

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Horizontal border problem in table</title>
    <style>
        table.width100percent {
            width: 100%;
            border-width: 0;
            border-spacing: 0;
        }

        .border-table tr td {
            padding: 0 3px;
            font-size: 11px;
            text-transform: uppercase;
            height: 18px;
            font-weight: 500;
            font-family: Calibri;
            border-left: 1px solid #000000;
            page-break-inside: avoid;
            page-break-after: auto;
        }
    </style>
</head>

<body>
    <div class="border-table">
        <table class="width100percent">

...此处的完整文档:https://pastebin.com/MNuwWNYG

我也尝试过在NReco处进行转换,但是如上所述,没有水平边框可以使用。生成的PDF如下所示:https://imgur.com/a/HNlpkSX