使用tabeexport导出pdf的问题

时间:2019-05-09 11:43:02

标签: javascript html5

我对pdf中的tableexport有问题。对于excel和txt文件,它很好用,但pdf不起作用。我对pdf excel和txt使用相同的代码,只有pdf无效。请帮帮我。

用于导出的pdf代码:

} else if (defaults.type == 'pdf') {

  var doc = new jsPDF({
    orientation: 'l',
    unit: 'pt',
    format: 'a4'
  });
  doc.setFontSize(7);

  // Header
  var startRowPosition = 20;
  var page = 1;
  var rowPosition = 0;
  var rowPosition2 = 0;
  var startColPosition = defaults.pdfLeftMargin;
  $(el).find('thead').find('tr').each(function(index, data) {

    index2 = rowCalc = index + 1;
    if (rowCalc % 35 == 0) {
      doc.addPage();
      page++;
      startRowPosition = startRowPosition;
    }
    rowPositionHeader = rowPosition = (startRowPosition + (rowCalc * 10)) - ((page - 1) * 280) - 20;

    $(this).filter(':visible').find('th').each(function(index, data) {
      if ($(this).css('display') != 'none') {
        if (defaults.ignoreColumn.indexOf(index) == -1) {
          var colPosition = startColPosition + (index * 50);
          console.log("rowPosition: ", rowPosition);
          doc.text(colPosition, rowPosition, parseString($(this)));
        }
      }
    });
  });

包括表导出的脚本:

<script type="text/javascript" src="../../js/plugins/tableexport/tableExport.js"></script>
<script type="text/javascript" src="../../js/plugins/tableexport/jquery.base64.js"></script>
<script type="text/javascript" src="../../js/plugins/tableexport/html2canvas.js"></script>
<script type="text/javascript" src="../../js/plugins/tableexport/jspdf/libs/sprintf.js"></script>
<script type="text/javascript" src="../../js/plugins/tableexport/jspdf/jspdf.js"></script>
<script type="text/javascript" src="../../js/plugins/tableexport/jspdf/libs/base64.js"></script>

button for export in pdf excel and txt but i´m pressing in export pdf nothing happens no redirection our something

  <button class="btn btn-outline btn-danger btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i> Exportar Tabela</button>
                                <ul class="dropdown-menu">
                                    <!-- TXT igual a csv - mesma coisa
                                    <li><a href="#" onClick ="$('#dataTables-example').tableExport({type:'csv',escape:'false', ignoreColumn:'[5,7]'});"><img src='../imagens/icons/csv.png' width="24"/> CSV</a></li>-->
                                    <li><a href="#" onClick ="$('#empenho_solicitante').tableExport({type:'csv',escape:'false', ignoreColumn:'[5,7]'});"><img src='../../imagens/icons/txt.png' width="24"/> TXT</a></li>
                                    <li><a href="#" onClick ="$('#empenho_solicitante').tableExport({type:'excel',escape:'false', ignoreColumn:'[5,7]'});"><img src='../../imagens/icons/xls.png' width="24"/> XLS</a></li>
                                    <!--<li><a href="#" onClick ="$('#empenho_solicitante').tableExport({type:'doc',escape:'false', ignoreColumn:'[5,7]'});"><img src='../imagens/icons/word.png' width="24"/> Word</a></li>
                                    <li><a href="#" onClick ="$('#empenho_solicitante').tableExport({type:'png',escape:'false', ignoreColumn:'[5,7]'});"><img src='../imagens/icons/png.png' width="24"/> PNG</a></li>
                                    <!--    PDF não ficou legal, tenho que implementar-->
                                    <li>
                                        <a href="#" onClick ="$('#empenho_solicitante').tableExport({type:'pdf', escape:'false'});"><img src='../../imagens/icons/pdf.png' width="24"/> PDF</a>
                                    </li>

按钮的代码

this is the error when im pressing the buton export pdf

我希望de excel和txt都像这样 when i´m click redirect for download

0 个答案:

没有答案
相关问题