html - 如何在pdf make中将表格中的列右对齐

标签 html cordova pdf ionic-framework

我正在使用 pdfmake 创建 pdf,工作正常如果我给出它对整个表格而不是单个列的对齐方式,请执行此操作任何人都可以告诉我如何将特定列对齐到表格中的右侧。

 var previousbillitems = invoice.Items.map(function (item) {
return [item.Date, item.Description, item.Amount];
});

{
        style: 'itemsTable',
        table: {
          widths: [75, '*', 75],
          body: [
            [
              { text: $translate.instant('{{"billdate_message" | translate}}'), style: 'itemsTableHeader' },
              { text: $translate.instant('{{"description_message" | translate}}'), style: 'itemsTableHeader' },
              { text: $translate.instant('{{"amount_message" | translate}}'), style: 'itemsTableHeader' },
            ]
          ].concat(previousbillitems)
        },
      },

它的样式:

itemsTable: {
        alignment: 'center',
        margin: [0, 5, 0, 15]
      },

预期输出如下:

Expected Output

最佳答案

通过像这样更改代码,我得到了右对齐数据的解决方案

 var previousbillitems = invoice.Items.map(function (item) {
return [
   {text: item.Date, alignment: 'center'},
   {text: item.Description, alignment: 'center'},
   {text: item.Amount, alignment: 'right'}
  ];
});
 {
    style: 'itemsTable',
    table: {
      widths: [75, '*', 75],
      body: [
        [
          { text: $translate.instant('{{"billdate_message" | translate}}'), style: 'itemsTableHeader' },
          { text: $translate.instant('{{"description_message" | translate}}'), style: 'itemsTableHeader' },
          { text: $translate.instant('{{"amount_message" | translate}}'), style: 'itemsTableHeader' },
        ]
      ].concat(previousbillitems)
    },
  },

关于html - 如何在pdf make中将表格中的列右对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46885361/

相关文章:

javascript - 查看 id 是否等于可见或隐藏

javascript - Cordova - jquery mobile img 路径

ios - 如何将 PDF 转换为 NSImage 并更改 DPI?

javascript - 使用 JavaScript 和 PhoneGap 循环 HTML 表

javascript - php循环中的多个谷歌地图,带有javascript和引用id

javascript - 需要帮助添加/修改我的脚本以包括使用 jquery 和 css 的一些旋转

cordova - Couchbase Lite 本地启动

ios - phoneGap - iOS - 图像可以通过 wifi 正常使用,但无法使用 3G 加载(使用 safari 工作正常)

ios - 第一次运行 MFMailCompose 时,保存到文档目录的 PDF 永远不会附加(数据为零),但每隔一次

html - 从带有可访问性标签的 HTML 生成 PDF