css – wkhtmltopdf – 将内容添加到最后一页的底部

前端之家收集整理的这篇文章主要介绍了css – wkhtmltopdf – 将内容添加到最后一页的底部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用wkhtmltopdf从HTML创建PDF报告,我需要创建一个跟随这种模式的自定义报告:

>第一页顶部的一些信息。
>可以有1到n行的表(它应该使用任何数量页面)
>最后一页末尾的一些信息。

把这一切放在一起做的伎俩;但是,由于步骤3信息立即出现在表格之后,是否有办法将内容放在页面的末尾?

我甚至不确定这个解决方案是基于CSS还是基于wkhtmltopdf。

解决方法

http://madalgo.au.dk/~jakobt/wkhtmltoxdoc/wkhtmltopdf-0.9.9-doc.html

看看“页脚和页眉”部分。

您可以使用–footer-html结合一些JavaScript来执行此操作。

wkhtmltopdf --footer-html footer.html http://www.stackoverflow.com/ so.pdf

我基于我的footer.html的内容在上面的链接中提供的示例:

<!DOCTYPE html>

<script>
window.onload = function() {
    var vars = {};
    var x = document.location.search.substring(1).split('&');
    for (var i in x) {
        var z = x[i].split('=',2);
        vars[z[0]] = unescape(z[1]);
    }

    //if current page number == last page number
    if (vars['page'] == vars['topage']) {
        document.querySelectorAll('.extra')[0].textContent = 'extra text here';
    }
};
</script>

<style>
.extra {
    color: red;
}
</style>

<div class="extra"></div>

猜你在找的CSS相关文章