src/main/webapp/plugin/js/tableExport/test/pdfmake.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>HTML table Export</title>

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="../libs/pdfmake/pdfmake.min.js"></script>
    <script type="text/javascript" src="../libs/pdfmake/vfs_fonts.js"></script>
    <!--
    <script type="text/javascript" src="../libs/pdfmake/mirza_fonts.js"></script>
    -->
    <script type="text/javascript" src="../libs/FileSaver/FileSaver.min.js"></script>
    <script type="text/javascript" src="../tableExport.js"></script>
    <style type="text/css">
    <!--
    table  {
      border-collapse: collapse;
    }

    table > thead > tr > td,
    table > thead > tr > th {
      background-color: gray;
      border: 1px solid #efefef;
      color: white;
      padding: 0.2rem;
    }

    table > tbody > tr > td {
      border: 1px solid #999;
      padding: 0.2rem;
    }
    -->
    </style>
  </head>
  <body>
    <section>
      <h1>
        HTML Table Export<br>
      </h1>
    </section>
    <section>
      <ul>
        <li>
          <a href="#" onClick="$('#countries').tableExport({type:'pdf',pdfmake:{enabled:true}});">
          <img src='icons/pdf.png' alt="PDF" style="width:24px"> PDF (pdfmake)</a>
        </li>
        <li>
          <a href="#" onClick="$('#mixspans').tableExport({type:'pdf',pdfmake:{enabled:true}});">
          <img src='icons/pdf.png' alt="PDF" style="width:24px"> PDF (pdfmake colspan & rowspan)</a>
        </li>
        <!--
        <li>
          <a href="#" onClick="$('#countries').tableExport({type:'pdf',
                                                            pdfmake:{enabled:true,
                                                                     docDefinition: {defaultStyle: {font: 'Mirza'}
                                                                                    },
                                                                     fonts: {Mirza: {normal: 'Mirza-Regular.ttf',
                                                                                     bold: 'Mirza-Bold.ttf',
                                                                                     italics: 'Mirza-Medium.ttf',