Как я могу напечатать все содержимое таблицы на разных страницах? - PullRequest
Новая
       6

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

0 голосов
/ 02 апреля 2019

Я хочу напечатать все содержимое таблицы, но отображает содержимое только на первой странице, если таблица занимает более одной страницы, не печатать все содержимое.

Как я могу печатать весь контент без потери привязки страниц?

Вариант 1: 

$(document).ready(function() {
  $('.nonPrintable').hide();
  window.print();
  $('.nonPrintable').show();
});

Вариант 2 (с использованием библиотеки printJS): 

printJS({
    printable: 'table',
    type: 'html',
    targetStyles: ['*'],
    maxWidth: 1500
});

Вариант 3 (печать всего содержимого без CSS): 

var divElement = document.getElementById('table').innerHTML;
var printWindow = window.open("", "_blank", "");
printWindow.document.open();
printWindow.document.write('<html><body>');
printWindow.document.write(divElement);
printWindow.document.write('</body></html>');
printWindow.document.close();
printWindow.focus();
printWindow.print();

1 Ответ

0 голосов
/ 03 апреля 2019

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

Для этого можно использовать document.write и print()и добавьте переменные, которые ссылаются на вашу таблицу стилей.Твики могут быть сделаны, потому что я понятия не имею, как выглядит ваш DOM.

JS 

$(function () {
    $('#print').click(function () {
        var pageTitle = 'Title of sheet here',
            stylesheet = 'path/to/style.css',
            win = window.open('', 'Print', 'width=990,height=590');
        win.document.write('<html><head><title>' + pageTitle + '</title>' +
            '<link rel="stylesheet" href="' + stylesheet + '">' +
            '</head><body>' + $('.tableClass')[0].outerHTML + '</body></html>');
        win.document.close();
        win.print();
        win.close();
        return false;
    });
});

Затем просто, например, нажатием кнопки выведитесодержимое.

HTML 

<button type="button" id="print">Print here!</button>

Это также сохранит привязки страниц.

...