You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在htmlToPdfmake生成的PDF中设置页脚页码居中显示?

解决页脚页码居中显示的问题

要让页脚的页码内容居中,只需把footer的返回值从纯字符串改成包含文本内容和对齐配置的对象即可,pdfmake支持通过对象形式定义页脚的样式。

修改后的完整代码如下:

var val = htmlToPdfmake(html_all); 
var dd = {
    content: [val],
    styles:{'html-table':{alignment:'center'},'html-th':{color:'green'},'html-h5':{color:'blue', alignment:'center'}},
    pageOrientation: 'portrait', pageMargins: [40,60,40,30],
    footer: function(currentPage, pageCount) { 
        return {
            text: 'Page: ' + currentPage.toString() + ' of ' + pageCount,
            alignment: 'center' // 设置居中对齐
        };
    }
};
pdfMake.createPdf(dd).download();

说明

  • 当footer返回对象时,可通过alignment属性指定文本对齐方式,可选值包括'left'、'center'、'right';
  • 这种方式也支持给页脚添加其他样式,比如字体大小、颜色等,只需在对象中添加对应属性即可(例如fontSize: 10、color: '#666')。

内容的提问来源于stack exchange,提问作者Shubair

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.09 00:40:29