将html表格导出为pdf

Exporting html table to pdf

本文关键字：pdf html 表格      更新时间：2023-09-26

我的代码出了什么问题？我想把我的html表导出为pdf并保存。然后碰巧它只会打开空屏幕的新浏览器。这是我的示例代码。请帮忙。非常感谢。

<!DOCTYPE html>
<html>
</head>
<body>
<div id="pdf">
<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 Roll</th>
                    <th>H.S.C Division</th>
                    <th>District</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>
                    </tr>               
            </tbody>
        </table>
    </div>
  <!--<button >Submit</button> -->
  <li> <a href="javascript:PrintDiv()">Export to pdf</a> </li>
<script type="text/javascript">     
    function PrintDiv(htmlexportPDF) {    
       var divToPrint = document.getElementById(htmlexportPDF);
       alert('Printing: Success');
       var popupWin = window.open('', '_blank', 'width=650,height=600');
       popupWin.document.open();
       popupWin.document.write('<style type="text/css">body{ margin:0.5px;');
       popupWin.document.write('font-family:verdana,Arial;color:#000;');
       popupWin.document.write('font-family:Verdana, Geneva, sans-serif; font-size:8px;}');
       popupWin.document.write('a{color:#000;text-decoration:none;}</style>');
       popupWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</html>');
       popupWin.document.close();
            }
 </script>

您的JavaScript函数printDiv接受参数htmlexportPDF。

函数PrintDiv（htmlexportPDF）｛

问题是，当您从<a>链接调用PrintDiv时，您没有给出任何参数。

要解决此问题，请更改

<a href="javascript:PrintDiv()">Export to pdf</a>

至

<a href="javascript:PrintDiv('StudentInfoListTable')">Export to pdf</a>

此外，在您的HTML代码中，您从来没有放置一个开始的<head>标记、一个结束的</body>标记或一个关闭的</html>标记。

相关文章：