How to print specific div content using jquery with out using window.print() method

Question

I want to print the entire div content using jquery.

Currently I am using window.print() method. But it displays only some content in print page and some content missing.

I want to print entire data in my print page.

Your css might have "@media" styles for print mode preventing some of your content to display correctly. See more info about "@media" here: http://www.w3schools.com/css/css3_mediaqueries.asp — To Ka, Dec 07 '16 at 06:10
suppose i want to print 1000 line of data in my print page .but using method window.print() it prints 10 lines of data. — Kundrapu Appalanaidu, Dec 07 '16 at 06:12

score 0 · Accepted Answer · edited May 23 '17 at 12:30

0

You should use a separate css file for printing the page or a css3 media queries:

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

css file:

body, html, #wrapper {
    width: 100%;
}

or main css file:

@media print {
      body, html, #wrapper {
          width: 100%;
      }
}

You can refer this

edited May 23 '17 at 12:30

Community

answered Dec 07 '16 at 06:27

using this also am getting same output. – Kundrapu Appalanaidu Dec 07 '16 at 07:04
@KundrapuAppalanaidu Which one did you try? – Jibin Balachandran Dec 07 '16 at 07:08
css file and main css file – Kundrapu Appalanaidu Dec 07 '16 at 08:10
@KundrapuAppalanaidu Did you add `media="print"` in `link`? – Jibin Balachandran Dec 07 '16 at 08:58

1 Answers1