распечатать содержимое div

Мне нужно распечатать весь контент div. Обратите внимание на прокрутку в div. Но когда я использую Window.print() для печати своего контента, он печатает только видимую часть на экране. Я хочу напечатать все 154 записи в сетке, но печатает только 21 запись.распечатать содержимое div

enter image description here

Примечание: Я не хочу, чтобы открыть новое окно.

EDIT:

javascript function() 
{ 
1. Hide divs that you don't want to print 
2. window.print() 
3. show the divs you hide in step 1 
}

источник

2012-07-05 Vaibhav Jain

Извините, я не могу вам помочь, если вы не поможете мне с некоторыми кодами. –

@vaibhav, используйте этот jquery plugin 'http: // projects.erikzaadi.com/jQueryPlugins/jQuery.printElement /' –

Вы видели это: http://stackoverflow.com/questions/2255291/print-the-contents- of-a-div –

Попробуйте это, Но первым включить это library

$('YourDiv').printElement();

Или

Читать эту статью на Div Printing

источник

2012-07-05 07:36:05 Talha

printElement() .. Нужно ли использовать некоторые lib для этого? –

Это плагин jquery. –

@vaibhav. да, я обновил ответ – Talha

элем я думаю, это создать iframe, скопировать содержимое, которое будет напечатано на этом фрейме, а затем распечатать его. Для этого есть плагины JQuery. Дубликат: Print the contents of a DIV

Еще одна возможность - напечатать CSS, который скрывает материал, который вы не хотите печатать (меню и т. Д.), А также удаляет минимальную высоту на столе, заставляя панель прокрутки удаляться ,

источник

2012-07-05 07:37:56

Использование таблиц стилей с типа носителя печати -

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

И изменить стиль DIV -

height:auto; 
overflow:auto

При печати (использование window.print()) DIV будет увеличиваться в высоту, и скрыть все другие DIV.

источник

2012-07-05 07:40:13 deach

https://github.com/jasonday/jquery.printThis

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

источник

2012-11-12 20:39:13 Jason

https://stackoverflow.com/questions/29482477/how-do-i-print-the-entire-bootstrap-modal-where-content-in-modal-body-is-scrolle/29523921 # 29523921 – shazia

Я использовал printThis и отлично работает с div, которые имеют фиксированную высоту и полосу прокрутки. removeInline: true свойство печатает весь документ, хотя вы можете видеть только его часть в div.

function printpage(divId, title) { 
        var divID = "#" + divId; 
        var divTitle = title; 
        $(divID).printThis({ 
         debug: false, 
         importCSS: true, 
         importStyle: true, 
         printContainer: true, 
         pageTitle: divTitle, 
         removeInline: true, 
         printDelay: 333, 
         header: null, 
         formValues: true 
        }); 

       }

источник

2016-08-11 20:14:36 shazia

распечатать содержимое div

ответ

Смежные вопросы