Печать таблицы с html-страницы

У меня есть html-страница, из которой необходимо отправить таблицу на принтер. Я использую window.print прямо сейчас, но это печатает всю страницу... пока мне нужно распечатать только таблицу. Любые идеи?

Ответ 1

Вы можете использовать типы носителей.
Вы можете понять, что через всплывающее окно - в этом окне отображается только таблица и отправляется на принтер.

Простой пример

<script>
    function printDiv() {
        var divToPrint = document.getElementById('areaToPrint');
        newWin = window.open("");
        newWin.document.write(divToPrint.outerHTML);
        newWin.print();
        newWin.close();
   }
</script>

Ответ 2

Вы можете присвоить стиль display:none всем нежелательным частям страницы. Таким образом вы можете распечатать только таблицу.

для ex:

<style> @media only print
{
    footer, header, .sidebar{ display:none; }
}  </style>

Ответ 3

Чтобы сделать это, мне нужно также поместить эту строку между головным разделом в моем документе.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Ответ 4

Это HTML

<table width="100%" border="1" id="printTable">
    <tr><td>Code</td><td>xxxxx</td></tr>
    <tr bgcolor="#CCCCCC"><td>Student Name</td><td>XXXX</td></tr>
    <tr><td>Student Email</td><td>xxxx</td></tr>
</table>
<br>
    <button class="btn btn-primary">Print</button>

это javascript

 <script>
    function printData()
{
   var divToPrint=document.getElementById("printTable");
   newWin= window.open("");
   newWin.document.write(divToPrint.outerHTML);
   newWin.print();
   newWin.close();
}

$('button').on('click',function(){
printData();
})
    </script>