PDFMAKE中的动态列

debugcn 发表于 Dev

伊曼纽尔·奥利维拉（Emmanuel Oliveira）

我在VueJS应用程序上使用PdfMake生成PDF，并且我想知道是否可以控制模板中列的显示，例如，使用像变量一样打印的数据。

我正在尝试达到以下目的：

让var1：字符串='测试';
让var2：字符串='test2';

1）原始码

var dd = {
    content: [
        {
            alignment: 'justify',
            columns: [
                {
                    text: 'var1'
                },
                {
                    text: 'var2'
                }
            ]
        },

    ],
    styles: {
        header: {
            fontSize: 18,
            bold: true
        },
        bigger: {
            fontSize: 15,
            italics: true
        }
    },
    defaultStyle: {
        columnGap: 50
    }

}

2）验证后

如果var2 == null

var dd = {
        content: [
            {
                alignment: 'justify',
                columns: [
                    {
                        text: 'var1'
                    }
                ]
            },

        ],
        styles: {
            header: {
                fontSize: 18,
                bold: true
            },
            bigger: {
                fontSize: 15,
                italics: true
            }
        },
        defaultStyle: {
            columnGap: 50
        }

    }

伊戈瓦尔加斯

在文档定义之外设置变量是否足够？我相信一段代码就能解决问题。

      var columns = [];
      var var1; // Defaults to undefined
      var var2; // Defaults to undefined
      
      var1 ="";
      
      // If we have a value we add the column
      if (var1 !== undefined) {
        columns.push({ text: "var1" });
      }
      
      if (var2 !== undefined) {
        columns.push({ text: "var2" });
      }
      
      // PDFMake document definition
      var dd = {
        content: [
            {
                alignment: 'justify',
                columns: columns
            },

        ]
        ...
    }

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。