print the content of a div

Question

I need to print whole content of a div. Notice scroll in the div. But when I use Window.print() to print its content, it prints only the visible part on the screen. I want to print all 154 records in the grid, but it prints only 21 records.

enter image description here

Note: I don't want to open a new window.

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
}

Sorry, I can't help you if you don't help-me with some codes. — Gabriel Santos, Jul 05 '12 at 07:30
@vaibhav, use this jquery plugin `http://projects.erikzaadi.com/jQueryPlugins/jQuery.printElement/` — Furqan Hameedi, Jul 05 '12 at 07:33
did you see this: http://stackoverflow.com/questions/2255291/print-the-contents-of-a-div — Sudhir Bastakoti, Jul 05 '12 at 07:34

score 1 · Answer 1 · edited May 23 '17 at 12:19

1

The strongest solution I think is to create an iframe, copy the contents to be printed to that frame, then print it. There are JQuery plugins for this. Duplicate: Print the contents of a DIV

Another possibility is to have a print CSS that hides the stuff that you don't want to print (menus etc.), and also removes the min-height on your table, causing the scrollbar to be removed.

edited May 23 '17 at 12:19

Community

1
1

answered Jul 05 '12 at 07:37

Rasmus Franke

4,434
8
45
62

score 1 · Answer 2 · edited Apr 20 '16 at 18:39

1

Use style sheet with a media type of print -

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

And change the DIV style -

height:auto;
overflow:auto

When printing (use window.print()) the DIV will increase in height, and hide all the other DIVs.

edited Apr 20 '16 at 18:39

Chait

1,052
2
18
30

answered Jul 05 '12 at 07:40

deach

360
1
2
12

Talha · Answer 3 · 2012-07-05T07:41:22.980

0

Try this, But first include this library

$('YourDiv').printElement();

Or

Read this article on Div Printing

edited Jul 05 '12 at 07:41

answered Jul 05 '12 at 07:36

Talha

18,898
8
49
66

printElement()..Do I need to use some lib for this? – Vaibhav Jain Jul 05 '12 at 07:37

score 0 · Answer 4 · answered Nov 12 '12 at 20:39

0

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

I wrote the above plugin based on several others, that allows for printing of an element on a page (no popup) and maintaining page styles or loading new css styles specifically for the print element.

answered Nov 12 '12 at 20:39

Jason

7,612
14
77
127

https://stackoverflow.com/questions/29482477/how-do-i-print-the-entire-bootstrap-modal-where-content-in-modal-body-is-scrolle/29523921#29523921 – Sugar Bowl Aug 11 '16 at 20:08

score 0 · Answer 5 · answered Aug 11 '16 at 20:14

I used printThis and it works great with div's that have a fixed height and scrollbar. removeInline: true property prints the entire document even though you can see only a part of it in the 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
                    });

                }

print the content of a div

5 Answers5