An angular directive for a table with fixed, sortable headers, row selection, row even/odd coloring, which automatically stays the correct height relative to its container when the browser is resized. No javascript code required; the api is a 100% declarative dsl.
Start with a solid foundation of an easy to use api, provided as a custom html tag, also known as a domain specific language. Only implement features with use cases in apps being pushed to production. Keep the code clean, lean, and blazing fast.
You can put your own classes and styles on any of the custom elements.
So for your example, if you want to use the bootstrap progress bar in one of your columns, on the:
<column>element you can just add the progress class to it directly like this:
<column class="progress">You can also edit the angular-table.css file as needed, and/or inherit from its classes in your own css file.
Should have this fixed in the near future, but in the meantime you can prepend "parent." to any expression you want evalued in the parent scope, for example:
<column><a href ng-click="parent.inParentScope(row)">should call parent scope</a></column>
It will work, but you have to be very careful with the tabs. Here is a working example:
https://github.com/davidjnelson/angular-table/issues/18
All modern browsers are supported:
While I deeply respect the work these folks have done, there were some issues I had that prevented me from using either.
I originally started with ng-grid, and really wanted to use it.
Smart Table
ng-grid
I'd love to see both pull requests and feature requests come in. Please make sure though that anything you send in uses a 100% declarative configuration, and is an actual use case you are using for a production app. If there are not real use cases for features, I won't add them.
Discuss existing and create new potential-feature-discussion issues
Please take a look at potential new features others have proposed and share your thoughts on them. Also, please add new potential features that you need in your apps. Thanks!
Discuss on Hacker News: https://news.ycombinator.com/item?id=5920569
Follow me on Twitter: https://twitter.com/david_j_nelson
The MIT License (MIT)
Copyright (c) 2013 David Nelson
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.