prashanth-nelli/jspdf-autotable

Table plugin for jsPDF

#AutoTable plugin to jsPDF

Generate PDF tables or lists with jsPDF

I couldn't find a way to create javascript tables that fit my needs. Therefore I built a table plugin on top of what I believe is the best javascript pdf library, jsPDF.

Some other great pdf libraries/plugins with table support (which I have tried, but decided to not use):

• Included jsPDF table plugin
• jsPdfTablePlugin
• pdfmake

Install

• Download manually or run bower install jspdf-autotable
• Include jsPDF and the plugin

<script src="bower_components/jspdf/dist/jspdf.debug.js"></script>
<script src="bower_components/jspdf-autotable/jspdf.plugin.autotable.js"></script>

Basic example

See the sample.pdf.

var columns = [
    {title: "ID", key: "id"}, 
    {title: "Name", key: "name"}, 
    {title: "Country", key: "country"}, 
    {title: "IP-address", key: "ip_address"}, 
    {title: "Email", key: "email"}
];
var rows = [
    {"id": 1, "name": "Shaw", "country": "Tanzania", "ip_address": "92.44.246.31", "email": "[email protected]"},
    {"id": 2, "name": "Nelson", "country": "Kazakhstan", "ip_address": "112.238.42.121", "email": "[email protected]"},
    {"id": 3, "name": "Garcia", "country": "Madagascar", "ip_address": "39.211.252.103", "email": "[email protected]"},
    {"id": 4, "name": "Richardson", "country": "Somalia", "ip_address": "27.214.238.100", "email": "[email protected]"},
    {"id": 5, "name": "Kennedy", "country": "Libya", "ip_address": "82.148.96.120", "email": "[email protected]"}
    ...
];
var doc = new jsPDF('p', 'pt');
doc.table(columns, data, {});
doc.save('table.pdf');

Documentation

See source code for now. The plugin is short (~200 rows).

Contributions and feature requests

If you would like any new features, feel free to post issues or make pull request.

Features planned:

• Custom row and header rendering functions
• Additional unit support (right now only pt)
• Ellipse values when they are too long