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
- You must already have an angular project set up.
- Install via bower:
bower install angular-rx-data-table - Include angular-rx-data-table in your code
<link href="https://github.com/stephengolub/rxDataTable/blob/master/bower_components/angular-rx-data-table/dist/styles/rx-data-table.min.css" rel="stylesheet"> <script src="https://github.com/stephengolub/rxDataTable/raw/master/bower_components/angular-rx-data-table/dist/scripts/rx-data-table.min.js"></script> - Add the module to your app's dependencies:
var app = angular.module("app", ["rxDataTable"]); - 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
...