将一列与 pdfmake 和数据表对齐
Align one column with pdfmake and datatables
尝试使用动态生成的 mysql table 和数据 tables 将 1 列与 PDFMAKE 中居中的其他列向左对齐,如果您可以使用我的代码禁用分页,但有了分页,它只证明屏幕上显示的前 25 行是合理的,有什么想法吗?
$(document).ready(function() {
$("#loops").DataTable( {
dom:
"<'row'<'col-sm-3'l><'col-sm-6 text-center'B><'col-sm-3'f>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
buttons: [
{
extend: 'pdfHtml5',
pagesize: 'A3',
text: 'Export to PDF',
orientation: 'landscape',
customize: function (doc) {
var rowCount = document.getElementById("loops").rows.length;
for (i = 0; i < rowCount+1; i++) {
doc.content[1].table.body[i][5].alignment = 'left';
};
doc.styles.tableHeader.fontSize = 7;
doc.defaultStyle.fontSize = 7;
doc.content[1].table.widths = [60, 100, 70, 70, 60, '*', 90, 20, 20]
doc.styles.tableBodyEven.alignment = 'center';
doc.styles.tableBodyEven.noWrap = true;
doc.styles.tableBodyOdd.alignment = 'center';
doc.styles.tableBodyOdd.noWrap = true;
doc.styles.tableBodyOdd.fillColor = '#f3f3f3';
},
},
'copy', 'excel'
]
} );
} );
通过如下更改代码解决了这个问题
var rowCount = doc.content[1].table.body.length;
for (i = 0; i < rowCount+1; i++) {
doc.content[1].table.body[i][5].alignment = 'left';
};
以上代码会将第五列更改为左对齐。如果你想离开 header 居中使用
var rowCount = doc.content[1].table.body.length;
for (i = 1; i < rowCount; i++) {
doc.content[1].table.body[i][5].alignment = 'left';
};
尝试使用动态生成的 mysql table 和数据 tables 将 1 列与 PDFMAKE 中居中的其他列向左对齐,如果您可以使用我的代码禁用分页,但有了分页,它只证明屏幕上显示的前 25 行是合理的,有什么想法吗?
$(document).ready(function() {
$("#loops").DataTable( {
dom:
"<'row'<'col-sm-3'l><'col-sm-6 text-center'B><'col-sm-3'f>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
buttons: [
{
extend: 'pdfHtml5',
pagesize: 'A3',
text: 'Export to PDF',
orientation: 'landscape',
customize: function (doc) {
var rowCount = document.getElementById("loops").rows.length;
for (i = 0; i < rowCount+1; i++) {
doc.content[1].table.body[i][5].alignment = 'left';
};
doc.styles.tableHeader.fontSize = 7;
doc.defaultStyle.fontSize = 7;
doc.content[1].table.widths = [60, 100, 70, 70, 60, '*', 90, 20, 20]
doc.styles.tableBodyEven.alignment = 'center';
doc.styles.tableBodyEven.noWrap = true;
doc.styles.tableBodyOdd.alignment = 'center';
doc.styles.tableBodyOdd.noWrap = true;
doc.styles.tableBodyOdd.fillColor = '#f3f3f3';
},
},
'copy', 'excel'
]
} );
} );
通过如下更改代码解决了这个问题
var rowCount = doc.content[1].table.body.length;
for (i = 0; i < rowCount+1; i++) {
doc.content[1].table.body[i][5].alignment = 'left';
};
以上代码会将第五列更改为左对齐。如果你想离开 header 居中使用
var rowCount = doc.content[1].table.body.length;
for (i = 1; i < rowCount; i++) {
doc.content[1].table.body[i][5].alignment = 'left';
};