ng-table-to-csv-webpack v0.3.4

ng-table-to-csv

Angular.js Module for exporting Tables to CSV

As opposed to the forked library, this version does not have a dependency on ng-table and can export any HTML table.

Demo

Live Demo on Plunker

Getting Started / Usage

Install module via npm (or download the files from the dist folder in the repo):

npm install ng-table-to-csv-webpack --save

Add a reference to dist/ng-table-to-csv.js into your HTML pages.

Add ngTableToCsvWp as a dependency to your module:

angular.module('your_app', ['ngTableToCsvWp']);

Add export-csv attribute directive on the table to define a new csv object on the scope with generate() and link() functions on them.

Options:

• Use the separator attribute to change the default comma separator into something else (like semicolon).
• Use the export-csv-ignore attribute to set the selector that will be used for prevent tr/th/td to be stringified.

To create an Export button from an anchor tag, use the generate() and link() functions mentioned above from ng-click and ng-href attributes of an anchor tag.

See below:

      <a class="btn" title="Export Table" ng-click='csv.generate()' ng-href="{{ csv.link() }}"
         download="myTable.csv">
        <i class="glyphicon glyphicon-new-window"></i> &#160;Export
      </a>
      <table class="table table-bordered" export-csv="csv" separator=";">
        <!-- table contents -->
      </table>

FAQ

1. How can multiple tables on a page be supported?
2. How can specific columns on a table be ignored?

License

MIT License - Copyright (c) 2015 The Kollavarsham Team

Original License

Code originally released under New BSD License by @esvit at esvit/ng-table-export.