table在jspdf中对齐问题html到pdf转换

时间:2015-02-17 08:41:41

标签: javascript html css jspdf

我在jspdf上遇到问题。在我们的示例中将html页面转换为pdf页面,在此过程中,我面临表格对齐中的问题。请重新解决我的问题。

1.当您点击提交按钮时,一个pdf文件下载。 检查这个pdf文件,表格对齐不好。

请告诉我如何设置表格对齐方式。

<!DOCTYPE html>
<html>
  
<head>
  <script src="js/min.js"></script>
  <script src="js/pdf.js"></script>
  <script>
    $(function() {
      var pdf = new jsPDF();
      var source = $('#table')[0];
      var specialElementHandlers = {
        '#editor': function(element, renderer) {
          return true;
        }
      };
      pdf.fromHTML(
        source, // HTML string or DOM elem ref.
        15, // x coord
        15, { // y coord
          'width': 50, // max width of content on PDF
          'elementHandlers': specialElementHandlers
        },
        function(dispose) {

          pdf.save('Test_Sample.pdf');
        });
    });
  </script>
</head>

<body>
  <div id="table">
    <table id="StudentInfoListTable">
      <thead>
        <tr>
          <th>Name</th>
          <th>Email</th>
          <th>Track</th>
          <th>S.S.C Roll</th>
          <th>S.S.C Division</th>
          <th>H.S.C Rolldfdsfds</th>
          <th>H.S.C Division2</th>
          <th>District</th>
          <th>H.S.C Division</th>
          <th>H.S.C Division1</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>alimon</td>
          <td>Email</td>
          <td>1</td>
          <td>2222</td>
          <td>as</td>
          <td>3333</td>
          <td>dd</td>
          <td>33</td>
          <td>dd</td>
          <td>33</td>
        </tr>
        <tr>
          <td>alimon</td>
          <td>Email</td>
          <td>1</td>
          <td>2222</td>
          <td>as</td>
          <td>3333</td>
          <td>dd</td>
          <td>33</td>
          <td>dd</td>
          <td>33</td>
        </tr>
      </tbody>
    </table>
    <p>haiaiiaiaiai</p>
    <div>haiaiaiiaiaia</div>
  </div>
  <button id="cmd">Submit</button>
</body>

</html>
谢谢

0 个答案:

没有答案