javascript 如何在MPDF中为每页表格的最后一行添加边框底部并将最后一行扩展到页脚

polhcujo  于 2023-05-27  发布在  Java
关注(0)|答案(1)|浏览(243)

我在Laravel中使用mpdf创建了一个带有页眉和页脚的HTML表格的发票。
表格在到达页脚时自动断开,但最后一行底部的边框丢失,如下图所示:

如何在每一页的最后一行底部添加边框?此外,我需要将最后一行的高度扩展到每页页脚的开始。

jvidinwx

jvidinwx1#

要在mpdf中的每个页面上为表格的最后一行添加底部边框,可以使用tableStyle方法并设置一个CSS样式,为每个tr元素添加border-bottom。还可以使用setTableFooter方法将最后一行扩展到页脚。
下面是一个示例代码片段:

// Define the table
$html = '<table>';

// Add table rows
$html .= '<tr><td>Row 1</td></tr>';
$html .= '<tr><td>Row 2</td></tr>';
$html .= '<tr><td>Row 3</td></tr>';
$html .= '<tr><td>Row 4</td></tr>';
$html .= '<tr><td>Row 5</td></tr>';
$html .= '<tr><td>Row 6</td></tr>';

// End table
$html .= '</table>';

// Define the mPDF instance
$mpdf = new \Mpdf\Mpdf();

// Set the table style
$mpdf->tableStyle = [
    'tr:last-child' => [
        'border-bottom' => '1px solid black'
    ]
];

// Set the table footer
$mpdf->setTableFooter('<tr><td>Footer</td></tr>');

// Add the HTML to the document
$mpdf->WriteHTML($html);

// Output the PDF document
$mpdf->Output();

在本例中,tableStyle方法使用last-child伪类向最后一个tr元素添加border-bottom。setTableFooter方法通过在表的末尾添加新的tr元素,将最后一行扩展到页脚。

相关问题