Javascript 如何使用pdfmake调整列的大小?

Javascript 如何使用pdfmake调整列的大小?,javascript,json,pdfmake,Javascript,Json,Pdfmake,我目前正在使用客户端中的pdfmake生成PDF,我有一个问题: 我想调整整个第2列+A,B块的大小,但我不能,即使我输入了巨大的值。。。我们的目标是将列2放在顶部,将A和B放在其正下方 我有什么不好的地方吗 这是我的代码(你可以试试:) 您需要在内容中使用表属性,而不是列。请仔细查看pdfmake/playerly.html,您肯定会得到答案。我上传了一些对你有用的内容 var dd = { content: [ { columns: [

我目前正在使用客户端中的
pdfmake
生成PDF,我有一个问题:

我想调整整个
第2列
+
A
B
块的大小,但我不能,即使我输入了巨大的值。。。我们的目标是将
列2
放在顶部,将
A
B
放在其正下方
我有什么不好的地方吗
这是我的代码(你可以试试:)

您需要在内容中使用表属性,而不是列。请仔细查看pdfmake/playerly.html,您肯定会得到答案。我上传了一些对你有用的内容

var dd = {
    content: [
        {
            columns: [
                {
                    text: 'Column 1',
                    style: [{bold: true, alignment: 'center'}],
                    width: 45
                },
                [
                    {
                        text: 'Column 2',
                        style: [{bold: true, alignment: 'center'}],
                        width: 200 // Nothing changes..
                    },
                    {
                        columns: [
                            {
                                text: 'A',
                                width: '*',
                                style: [{bold: true, alignment: 'center'}],
                            },
                            {
                                text: 'B',
                                width: '*',
                                style: [{bold: true, alignment: 'center'}],
                            }
                        ]
                    }
                ],
                {
                    text: 'Column 3',
                    width: '*',
                    style: [{bold: true, alignment: 'center'}],
                }
            ]
        }   
    ]
}
        {
        style: 'tableExample',
        color: '#444',
        table: {
            widths: [200, 'auto', 'auto'],
            headerRows: 2,
            // keepWithHeaderRows: 1,
            body: [
                [{text: 'Header with Colspan = 2', style: 'tableHeader', colSpan: 2, alignment: 'center'}, {}, {text: 'Header 3', style: 'tableHeader', alignment: 'center'}],
                [{text: 'Header 1', style: 'tableHeader', alignment: 'center'}, {text: 'Header 2', style: 'tableHeader', alignment: 'center'}, {text: 'Header 3', style: 'tableHeader', alignment: 'center'}],
                ['Sample value 1', 'Sample value 2', 'Sample value 3'],
                [{rowSpan: 3, text: 'rowSpan set to 3\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor'}, 'Sample value 2', 'Sample value 3'],
                ['', 'Sample value 2', 'Sample value 3'],
                ['Sample value 1', 'Sample value 2', 'Sample value 3'],
                ['Sample value 1', {colSpan: 2, rowSpan: 2, text: 'Both:\nrowSpan and colSpan\ncan be defined at the same time'}, ''],
                ['Sample value 1', '', ''],
            ]
        }
    },