Hi Kumar. I believe this is for `angular-table`, which is actually a different *bower* pkg than `ng-table`
On Thursday, February 6, 2014 6:18:30 AM UTC-6, Pushpendra Kumar wrote: > > Hi David, > > I am using ng-table but unable to have three features named > filter, dynamic columns and sorting together. > I have created plnkr with url : > http://plnkr.co/edit/M60ka7ONMYn4DwwtzT01?p=preview > Please suggest me to work filter and sorting and dynamic > columns in this example. > > Thanks. > > On Saturday, 22 June 2013 01:26:57 UTC+5:30, David Nelson wrote: >> >> Angular Table >> >> 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. >> <https://github.com/davidjnelson/angular-table#quick-start>Quick Start >> >> - include angular.js, angular-table.js, and angular-table.css. >> - Put this in your template: >> >> <angular-table model="[ { id: 1, name: 'Bob', street: '1 street ave' } ]" >> default-sort-column="id"> >> <header-row> >> <header-column sortable="true" sort-field-name="id"> >> <div style="display: inline-block;">Id</div> >> <sort-arrow-ascending></sort-arrow-ascending> >> <sort-arrow-descending></sort-arrow-descending> >> </header-column> >> <header-column sortable="false" sort-field-name="name"> >> Name >> </header-column> >> <header-column sortable="true" sort-field-name="street"> >> <div style="display: inline-block;">Street</div> >> <sort-arrow-ascending></sort-arrow-ascending> >> <sort-arrow-descending></sort-arrow-descending> >> </header-column> >> </header-row> >> >> <row on-selected="handleRowSelection(row)" selected-color="#87cefa" >> even-color="#ffffff" odd-color="#eeeeee"> >> <column>{{ row.id }}</column> >> <column>{{ row.name }}</column> >> <column>{{ row.street }}</input></column> >> </row></angular-table> >> >> >> <https://github.com/davidjnelson/angular-table#angular-table-live-demo>Angular >> >> Table Live Demo <http://angulartable.com/demo/index.html> >> http://angulartable.com/demo >> <https://github.com/davidjnelson/angular-table#philosophy>Philosophy: >> >> 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. >> <https://github.com/davidjnelson/angular-table#features>Features: >> >> - 100% declarative dsl - no javascript required >> - fixed headers >> - sortable headers >> - sorting tracks the state of ascending / descending on a per column >> basis >> - extremely easy to customize, just add your own html and css to the >> custom html tags. it just works! >> - simple row selection. just pass the name of a method on your >> controller scope, and the row will be passed in. >> - row even/odd coloring >> - rows are bound to a model, which is simply an array of your >> objects, allowing for simple customization and data loading >> - enable / disable sorting of columns >> - when the browser is resized or data is added / removed from the >> bound model, as scrollbars appear / disappear the fixed header columns >> adjust their width to pixel perfection. >> - when the browser is resized or data is added / removed from the >> bound model, the height of the scrolling container adjusts its height to >> pixel perfection, even if your container's height is specified in >> percentages. >> - does not require any dependencies other than stock angular. no >> jquery needed. >> - simple. only 400 lines of code. >> >> >> <https://github.com/davidjnelson/angular-table#styling-the-ascending--descending-icons>Styling >> >> the ascending / descending icons: >> >> - To use the default styling, ensure your header text is in an >> element with the style: display: inline-block applied so that the icon >> and >> your header text aligns. >> - To customize the styling, remove or change the classes >> 'angularTableDefaultSortArrowAscending' and >> 'angularTableDefaultSortArrowDescending' in angular-table.css. >> >> <https://github.com/davidjnelson/angular-table#running-a-local-demo>Running >> a local demo: >> >> - git clone https://github.com/davidjnelson/angular-table.git >> - cd angular-table >> - mvn jetty:run >> - visit http://localhost:8090 in your browser >> >> >> <https://github.com/davidjnelson/angular-table#why-not-use-ng-grid-or-smart-table>Why >> >> Not Use ng-grid or smart table? >> >> 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* >> >> - My use case required fixed headers, and its lack of support for >> that was a deal breaker. >> >> *ng-grid* >> >> - No declarative configuration and customization. You have to edit >> templates and options in javascript. >> - A serious, dealbreaker bug where the selected row changes when you >> sort the columns. I filed the bug and after over a week no one working on >> it has responded. >> - A serious, dealbreaker design issue where the column used to house >> the scrollbar appears even if no scrollbar is present. I implemented a >> workaround by using a negative left margin for the content I needed to be >> flush to the right of the grid. This sort of worked, but wasn't pixel >> perfect and felt hacky. >> - The code was too lengthy for my taste. Weighing in at 3,400 lines, >> it supported a ton of functionality that I would never need. >> - It requires jquery. I'm working hard to completely remove jquery >> from my app and this would be another spot requiring me to keep it. >> >> >> <https://github.com/davidjnelson/angular-table#contributing-and-feature-requests>Contributing >> >> And Feature Requests >> >> 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 on Hacker News: https://news.ycombinator.com/item?id=5920569 >> > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
