导出为PDF的表显示混乱的数据

时间:2016-04-01 07:09:00

标签: javascript php jquery pdf

我正在使用此插件将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;">&nbsp;</td>
   </tr>
  </tbody>
</table>

点击此链接后,将执行导出脚本:***

<a href="#" target="_blank" onClick ="$('#export').tableExport({type:'pdf',escape:'false'});">[EXPORT TO PDF]</a> - refer to detail report!

这就是它出现的方式 enter image description here

这些是导出表中包含的脚本:

<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'
    };
 });

表格应该如何出现:

enter image description here

0 个答案:

没有答案