A "catch-all" solution for displaying data in a table format in a basic or extremely complex style.
Latest commit b26ce79 Sep 15, 2016
Permalink
Failed to load latest commit information.
dist Release v0.5.43 Sep 14, 2016
docs REMOVE ngdocs Feb 12, 2014
git-hooks
guides
src correcting directive name Sep 13, 2016
test RESTRUCTURE Docs, Add Coveralls, Build Up Doc Flow Feb 11, 2014
.gitignore CHANGE main.html to README File Feb 12, 2014
.jshintignore Re-Initial Commit Jan 21, 2014
.jshintrc Re-Initial Commit Jan 21, 2014
.travis.yml
Gruntfile.js
LICENSE.md Add MIT License. Jan 28, 2014
README.md
bower.json
karma.conf.js fix(tests): Making unit tests use Mocha Jan 6, 2015
package.json Release v0.5.43 Sep 14, 2016

README.md

Build Status Coverage Status Dependency Status Data Table Directive

Documentation & Live Demo

http://nickburns2006.github.io/rxDataTable/

##Overview## The rx-data-table directive is designed to pretty much be a catch-all solution for displaying data in a table format in a basic or extremely complex style. It has some basic CSS styling included, but provides hooks for you to attach conditional styles to each row or column.

###Some Key Features###

  • Single or Multi-Column Sorting
  • Column Display Presets
  • Individual Data-Driven Cell Styling
  • CSS FlexBox display for fluid space display
  • Inline Field Editing
    • Text Editing
    • Multi-Option Selects
    • Typeahead auto-complete

##Get started##

  1. You must already have an angular project set up.
  2. Install via bower:
bower install angular-rx-data-table
  1. Include angular-rx-data-table in your code
<link href="bower_components/angular-rx-data-table/dist/styles/rx-data-table.min.css" rel="stylesheet">
<script src="bower_components/angular-rx-data-table/dist/scripts/rx-data-table.min.js"></script>
  1. Add the module to your app's dependencies:
var app = angular.module("app", ["rxDataTable"]);
  1. For further instructions on how to use the directive, view the full documentation here.

##Dependencies##

Obviously this requires you to have an angularjs project to use this.

This project uses the angular-xeditable for it's inline editing capabilities.

##TODO## ... ##License##

MIT