Git Product home page Git Product logo

ng-table-to-csv's Introduction

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.

ng-table-to-csv's People

Contributors

floydpink avatar arunkutty avatar eabreusantos avatar esvit avatar noseglid avatar loicmahieu avatar wlemahieu avatar

Watchers

 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.