Печать определенного элемента

@Kristofkadavr · Регистрация: 29.03.2016

Author24 — интернет-сервис помощи студентам

Приветствую.

У меня есть некая страница. На ней таблица, и эта таблица помещена в отдельный <div>. Требуется напечатать только этот div в альбомной ориентации.
Вывожу данный div на печать так:
Скрипт -

Javascript

<script type="text/javascript">
    function PrintElem(elem)
    {
        Popup($(elem).html());
    }
    function Popup(data)
    {
        var mywindow = window.open('', 'needPrint', 'height=400,width=600');
        mywindow.document.write('<link rel="stylesheet" type="text/css" media="print"  href="print.css">');
        mywindow.document.write('</head><body >');
        mywindow.document.write(data);
        mywindow.document.write('</body></html>');
        mywindow.document.close(); // necessary for IE >= 10
        mywindow.focus(); // necessary for IE >= 10
        mywindow.addEventListener('load', function(){
        mywindow.print();
        mywindow.close();
        }, false);
        return true;
    }
</script>

Сами div и кнопка:

HTML5

<style>
 .w {  
    background: blue;
  }
  .v {
    background: green;
  }
  .s {
    background: red;
  }
</style>
<body>
<div id="needPrint">
<table>
<tr>
<td class="w"></td>
<td class="v"></td>
</tr>
.....
</table>
<button type="button" class="btn btn-success" name=Ф"print" onclick="PrintElem('#needPrint')">Print</button>

В принципе, открывается новое окно и дальнейшей печатью. Но есть два но - ориентация не альбомная и второе - таблица видна не целиком - только столбцы и строки с названиями (сами ячейки у меня пустые, только окрашенные в разные цвета в зависимости от условия), самих цветных ячеек, как и границ внутренних и внешних, у таблицы не печатается.
Почитал гугл, понял, что копать надо в сторону файлика print.css

HTML5

1	<link rel="stylesheet" href="print.css" type="text/css" media="print">

так подключил. А вот что дальше делать, понятия не имею...

Добавлено через 20 часов 10 минут
вопрос с границами решил - надо было лишь в <table> дописать параметры границ (border="1" style="border:solid black") и стало норм. Но вот с цветом фона ячейки все так же глухо.

	19.08.2017, 17:14