jasonday / printThis

jQuery printing plugin; print specific elements on a page

Home Page:https://jasonday.github.io/printThis/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Html appearence didn't match

bobitza opened this issue · comments

I have this on print on FIREFOX:
image

But this is html on debug:
image
Alot of css not applied, but css are loaded

In CHROME:
image

I set active to keepCSS from parent + selected print background and still not like normal table:
image

Expectation:
image

Yes, you will likely need to include print specific CSS to address layout differences.

You can accomplish this in two ways:

  • A print media query in the page CSS that's getting ported into the print iframe CSS
@media print { 
 /* All your print styles go here */
 #header, #footer, #nav { display: none !important; } 
}
  • Or create a CSS file specifically for printing and use the loadCSS option