Как вывести на печать таблицу со стилями

134
19 февраля 2021, 11:00

Мне нужно распечатать таблицу которая выглядит вот так:

А при печати это выглядит вот так

нагуглил вот такой вот код

     function printInfo(strId) {
        var ele = document.getElementById(strId);
        var openWindow = window.open('','','left=50,top=50,width=800,height=640,toolbar=0,scrollbars=1,status=0');
        var prtCss = '<link rel="stylesheet" href="{{ url_for("static", filename="index_style.css")}}" type="text/css" media="all">';
        openWindow.document.write(prtCss);
        openWindow.document.write(ele.outerHTML);
        openWindow.document.close();
        openWindow.focus();
        openWindow.print();
        openWindow.close();
    }

На печать я отправляю див t1. Пример таблицы ниже (таблица не заполнена, но результат тот же, нет стилей)

<div id="t1" class="t1">
            <table id="schedule">
                <tr>
                    <td style="border: 1px solid #C0C0C0;">
                        ПН
                    </td>
                    <td style="border: 1px solid #C0C0C0;">
                        ВТ
                    </td>
                    <td style="border: 1px solid #C0C0C0;">
                        СР
                    </td>
                    <td style="border: 1px solid #C0C0C0;">
                        ЧТ
                    </td>
                    <td style="border: 1px solid #C0C0C0;">
                        ПТ
                    </td>
                </tr>
                <tr>
                {%for row in range(4) %}
                {% for col in range(5) %}
                <td class="td" >
                    <table>
                      <tr>
                        <td id="{{(col+1)|string + (row+1)|string}}_up">&emsp;&emsp;<br>&emsp;&emsp;<br>&emsp;&emsp;<br>&emsp;&emsp;</td>
                      </tr>
                      <tr>
                        <td id="{{(col+1)|string + (row+1)|string}}_down"></td>
                      </tr>
                    </table>
                </td>
                {% endfor %}
                <tr></tr>
                {% endfor %}
                </tr>
            </table>
        </div>
READ ALSO
Координаты элемента в окне

Координаты элемента в окне

Можно ли как-нибудь получить координаты элемента относительно окна кроме getBoundingClientRect? Без JQuery

156
Скрытие класса при нажатии на кнопку

Скрытие класса при нажатии на кнопку

Почему при активации всплывающего окна изображение лежит поверх формы обратного звонка? Как сделать, чтобы слои были упорядочены? При нажатии...

135
Можно ли узнать id перекрытого div другим div?

Можно ли узнать id перекрытого div другим div?

Есть два divОдин наложен на другой

135
isalnum и кирилица [закрыт]

isalnum и кирилица [закрыт]

Хотите улучшить этот вопрос? Обновите вопрос так, чтобы он вписывался в тематику Stack Overflow на русском

118