Is there any jquery print preview that shows you the printed page without the website header & menu?

My web application generates reports and I need now to add the print preview functionality to these reports in order to show the user what he will print of that report and to show him that the report will not contain the website header and menu in the printed page.

Shoul开发者_开发百科d I use the combination of jquery and css to do this functionality?

---

Create style sheet with the media type as rpint

For example

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

Check this out : CSS Media Types Create Print-Friendly Pages