Print specific parts of an html page

najoua · August 19, 2015, 11:04am

Hello !

Well, i am working on an app where a part of it, consists on generating bills for clients.
I am using autoform and tabular.
The bill contains certain information presented in a table.
I only need to print this table (on the html page) to PDF or docx.

Thanks

laszbalo · August 19, 2015, 11:49am

In the past I solved the exact same problem by sending the inner html of the table to the server (if I remember correctly, I used Meteor.methods for this). On the server, inside the handler I merged the inner html with the CSS(Bootstrap), which was read at startup and gave the result to phantomjs.

serkandurusoy · August 19, 2015, 12:50pm

There are lots of jquery and pure javascript solutions that basically take an element, create a temporary iframe (or popup) with the contents of the frame, inject in a print.css or page’s own css, and then call the browser’s print method.

Here’s an example:

gist.github.com

https://gist.github.com/bennadel/9758974

code-1.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Print Part of a Page With jQuery</title>
	<script type="text/javascript" src="jquery-1.3.2.js"></script>
	<script type="text/javascript" src="jquery.print.js"></script>
	<script type="text/javascript">

		// When the document is ready, initialize the link so
		// that when it is clicked, the printable area of the

This file has been truncated. show original

code-2.js

// Create a jquery plugin that prints the given element.
jQuery.fn.print = function(){
	// NOTE: We are trimming the jQuery collection down to the
	// first element in the collection.
	if (this.size() > 1){
		this.eq( 0 ).print();
		return;
	} else if (!this.size()){
		return;
	}

This file has been truncated. show original

You can do something like this or use any one of the hundreds of plugins/scripts that turn out for a google search on “print part of page with javascript”

najoua · August 19, 2015, 3:16pm

Thank you guys for your replies
I will try the solutions you proposed
Hope they’ll help