2015-06-23 4 views
0

Что случилось с моим кодом? Я хочу экспортировать таблицу html в pdf и сохранить ее. Тогда так получилось, что он откроет только новый браузер с пустым экраном. Вот мой пример кода. Пожалуйста, помогите.Спасибо.Экспорт таблицы 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> 

ответ

1

Ваша функция JavaScript printDiv принимает в параметре htmlexportPDF.

функция PrintDiv (htmlexportPDF) {

Проблема заключается в том, что, когда вы назвали PrintDiv из вашей <a> ссылки вы не дали какого-либо параметра.

Чтобы это исправить, изменить

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

в

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

Кроме того, в вашем HTML-код, вы никогда не положить отверстие <head> тег или закрытия </body> тег или закрытия </html> тег ,

+0

Thank you. Сэр :) Извините за это закрытие Я пропустил его копирование :) В любом случае это большая помощь :) –

+0

_tags_ для элементов 'html',' head' и 'body' (в основном) является необязательным в HTML. _Такая часть разметки в вопросе не ошибается. Однако элемент 'li' неуместен. –

Смежные вопросы