javascript - 如何使用pdfmake调整列的大小?
问题描述
我目前正在pdfmake
客户端生成 PDF,我有一个问题:
我想调整整个Column 2
+块的大小A
,B
但我不能,即使我输入了巨大的值.. . 目标是放在Column 2
上面,A
然后B
就在它下面。
是不是我做错了什么?
这是我的代码(您可以尝试: http: //pdfmake.org/playground.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'}],
}
]
}
]
}
解决方案
您需要在内容而不是列中使用表属性。请正确查看 pdfmake/playground.html,您一定会得到答案。我上传了一些对你有用的内容。
{
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', '', ''],
]
}
},
推荐阅读
- sql - 涉及大表的 Oracle SQL 性能调优
- kubernetes - 致命:无法访问'https://gitlab-ci-token:[MASKED]@gitlab.mydomain.com/xxx.git/':SSL证书问题:无法获取颁发者证书
- java - 如何在 ListView 中显示格式为“12:30 PM”的 TextView?
- shell - 詹金斯共享库问题
- javascript - 选择按钮时更改文本
- javascript - AngularJS - 进度条为 100% 后重新加载页面 5 秒
- javascript - 如何仅在方括号中替换关键巧合?
- python - 为什么在 Python 的列表中使用 insert() 方法时函数不显示更多输出?
- linux - 将 Linux 命令的屏幕输出 (stdErr) 和输出 (stdOut) 写入分隔文件
- html - 网格属性不适用于 Fieldset 元素