Code Monkey home page Code Monkey logo

tableexport.jquery.plugin's Introduction

tableExport.jquery.plugin

Export HTML Table to

  • CSV
  • TXT
  • JSON
  • XML
  • SQL
  • XLS
  • DOC
  • PNG
  • PDF

Installation

To export a html table in CSV,TXT,JSON,XML,SQL,XLS or DOC format include:

<script type="text/javascript" src="tableExport.js"></script>
<script type="text/javascript" src="libs/FileSaver/FileSaver.min.js"></script>

To export the table in PNG format additionally include:

<script type="text/javascript" src="libs/html2canvas/html2canvas.min.js"></script>

To export the table as a PDF file the following includes are required:

<script type="text/javascript" src="libs/html2canvas/html2canvas.min.js"></script>
<script type="text/javascript" src="libs/jsPDF/jspdf.min.js"></script>
<script type="text/javascript" src="libs/jsPDF-AutoTable/jspdf.plugin.autotable.js"></script>

Examples

$('#tableID').tableExport({type:'csv'});

$('#tableID').tableExport({type:'pdf', jspdf: {orientation: 'p', margins: {left:20, top:10}, autotable: false} });

$('#tableID').tableExport({type:'pdf', jspdf: {orientation: 'l', margins: {left:10, right:10, top:20, bottom:20}, autotable: {extendWidth: false} });

Options

csvSeparator: ','
csvEnclosure: '"'
onCellData: null
ignoreColumn: []
displayTableName: 'false',
theadSelector: 'tr'
tbodySelector: 'tr'
tableName: 'myTableName'
type: 'csv'
jspdf: {}
escape: 'false'
htmlContent: 'false'
consoleLog: 'false'
outputMode: 'file'
fileName: 'tableExport'
excelstyles: ['css','properties','to','export','to','excel']
worksheetName: 'xlsWorksheetName'

For jspdf options see the documentation of jsPDF and jsPDF-AutoTable resp.

Optional html data attributes

(can be set while generating the table you want to export)

<td data-tableexport-display="none">...</td> -> cell will not be exported

tableexport.jquery.plugin's People

Contributors

aydev avatar kayalshri avatar simogeo avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.