我正在使用此插件将jquery和php填充的行导出到PDF格式: https://github.com/kayalshri/tableExport.jquery.plugin
表格结构:
<table class="table table-bordered table-striped" id="export">
<colgroup>
<col width="40" />
<col width="*" />
<col width="*" />
<col width="*" />
<col width="*" />
</colgroup>
<thead>
<tr style="cursor:default;">
<th align="center" style="text-align:center;">No</th>
<th align="left" style="text-align:left;">Nama Usahawan</th>
<th align="left" style="text-align:left;">Nama Peniagaan</th>
<th align="left" style="text-align:left;">SSM No</th>
<th align="left" style="text-align:left;">Kluster Perniagaan</th>
<th align="left" style="text-align:left;">Created Date</th>
<th align="left" style="text-align:left;">District</th>
</tr>
</thead>
<tbody id="TBodyList">
<tr>
<td colspan="5" align="left" style="text-align:left;"> </td>
</tr>
</tbody>
</table>
点击此链接后,将执行导出脚本:***
<a href="#" target="_blank" onClick ="$('#export').tableExport({type:'pdf',escape:'false'});">[EXPORT TO PDF]</a> - refer to detail report!
这些是导出表中包含的脚本:
<script type="text/javascript" src="<?php echo $BaseUrl; ?>js/tableExport.js"></script>
<script type="text/javascript" src="<?php echo $BaseUrl; ?>js/jquery.base64.js"></script>
<script type="text/javascript" src="<?php echo $BaseUrl; ?>js/jspdf/libs/sprintf.js"></script>
<script type="text/javascript" src="<?php echo $BaseUrl; ?>js/jspdf/jspdf.js"></script>
<script type="text/javascript" src="<?php echo $BaseUrl; ?>js/jspdf/libs/base64.js"></script>
在tableExport.js
文件中,我更改了以下脚本的值以调整空间,字体大小:
有人知道如何调整下面的脚本,使表格显示 在PDF上整齐地说,好吗?
$.fn.extend({
tableExport: function(options) {
var defaults = {
separator: ',',
ignoreColumn: [],
tableName:'export',
type:'pdf',
pdfFontSize:8,
pdfLeftMargin:5,
escape:'true',
htmlContent:'false',
consoleLog:'false'
};
});
表格应该如何出现: