Как принудительно настроить принтер (размер бумаги) в javascript при печати только div? - PullRequest
0 голосов
/ 31 января 2019

Мой проект имеет вывод с таблицами, которые находятся в цикле.Мне нужно, чтобы каждая таблица была напечатана на бумаге 4x6 дюймов, но настройка печати js всегда в формате буквы.Мне нужно, чтобы предварительный просмотр был уже в формате 4x6 дюймов, когда я нажимал кнопку предварительного просмотра.Заранее спасибо.

Я пробовал CSS, но JavaScript не адаптирует настройки CSS.

function printDiv(divID) {

    //Get the HTML of div
    var divElements = document.getElementById(divID).innerHTML;
    //Get the HTML of whole page
    var oldPage = document.body.innerHTML;

    //Reset the page's HTML with div's HTML only
    document.body.innerHTML =
        "<html><head><title></title></head><body>" +
        divElements + "</body>";

    //document.getElementById("pagebreak").style.pageBreakBefore = "always";

    //Print Page
    window.print();

    //Restore orignal HTML
    document.body.innerHTML = oldPage;

}

1 Ответ

0 голосов
/ 31 января 2019

Добавить эту таблицу стилей

<style>
@page 
{
    size:  auto;   /* auto is the initial value */
    margin: 0mm;  /* this affects the margin in the printer settings */
}

html
{
    background-color: #FFFFFF; 
    margin: 0px;  /* this affects the margin on the html before sending to printer */
}

body
{
    /*border: solid 1px black ;*/
    margin: 5mm 5mm 5mm 5mm; /* margin you want for the content */
}
</style>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...