0.3.3 • Published 7 years ago

ng-table-to-csv v0.3.3

Weekly downloads
2,574
License
MIT
Repository
-
Last release
7 years ago

ng-table-to-csv

Build Status Code Climate Bower

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 bower (or download the files from the dist folder in the repo):

bower install ng-table-to-csv --save

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

Add ngTableToCsv as a dependency to your module:

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

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.