chinesePdfmake.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!DOCTYPE html>
  2. <html lang=zh>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Issue 303: export pdf doesn't support chinese</title>
  6. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  7. <!-- Export to pdf format using pdfmake -->
  8. <script type="text/javascript" src="../libs/pdfmake/pdfmake.min.js"></script>
  9. <!--
  10. <script type="text/javascript" src="../libs/pdfmake/vfs_fonts.js"></script>
  11. -->
  12. <!-- Chinese font used by pdfmake-->
  13. <script type="text/javascript" src="../libs/pdfmake/gbsn00lp_fonts.js"></script>
  14. <!-- Alternative chinese font used by pdfmake-->
  15. <!--
  16. <script type="text/javascript" src="../libs/pdfmake/ZCOOLXiaoWei_fonts.js"></script>
  17. -->
  18. <script type="text/javascript" src="../libs/FileSaver/FileSaver.min.js"></script>
  19. <script type="text/javascript" src="../tableExport.js"></script>
  20. <style type="text/css">
  21. <!--
  22. caption {
  23. font-size: 1em;
  24. white-space: nowrap;
  25. text-align: left;
  26. }
  27. table {
  28. border-collapse: collapse;
  29. margin-top: 2em;
  30. }
  31. table > thead > tr > td,
  32. table > thead > tr > th {
  33. background-color: gray;
  34. border: 1px solid #efefef;
  35. color: white;
  36. padding: 0.2rem;
  37. }
  38. table > tbody > tr > td {
  39. border: 1px solid #999;
  40. padding: 0.2rem;
  41. }
  42. -->
  43. </style>
  44. </head>
  45. <body>
  46. <p>
  47. <a href="#" onClick="$('#issue303').tableExport({type:'pdf',pdfmake:{enabled:true,
  48. docDefinition:{pageOrientation:'landscape'}
  49. }});">
  50. <img src='icons/pdf.png' alt="PDF" style="width:24px"> PDF (pdfmake)</a>
  51. </p>
  52. <table id="issue303" class="">
  53. <caption>Issue 303: Chinese pdf export</caption>
  54. <thead>
  55. <tr>
  56. <th>日期</th>
  57. <th>项目ID</th>
  58. <th>业主状态</th>
  59. <th>城市</th>
  60. <th>项目结果</th>
  61. <th>回访节点</th>
  62. <th>达成阶段</th>
  63. <th>死单原因</th>
  64. <th>创建时间</th>
  65. </tr>
  66. </thead>
  67. <tbody>
  68. <tr>
  69. <td>201611xx</td><td>12479xx</td><td>其他</td><td>吉安市</td><td>未量房死单</td><td>未量房</td><td>量房7天内</td><td>其他</td><td>2016-11-xx 17:31:03</td>
  70. </tr>
  71. <tr>
  72. <td>201611xx</td><td>10897xxx</td><td>延期装修</td><td>苏州市</td><td>已看方案死单</td><td>已看方案</td><td>看三家</td><td>其他</td><td>2016-11-xx 15:18:24</td>
  73. </tr>
  74. <tr>
  75. <td>201611xx</td><td>14741xxx</td><td>延期装修</td><td>西安市</td><td>未看方案死单</td><td>已量房</td><td>量房14天内</td><td>其他</td><td>2016-11-xx 14:07:14</td>
  76. </tr>
  77. <tr>
  78. <td>201611xx</td><td>15098xxx</td><td>其他</td><td>六盘水市</td><td>未量房死单</td><td>未量房</td><td>量房7天内</td><td>公司电话报价</td><td>2016-11-xx 14:41:45</td>
  79. </tr>
  80. </tbody>
  81. </table>
  82. </body>
  83. </html>