A sortable/filterable table add-on for your ember application
npm install ember-sort-filter-table
A table add-on for Ember-CLI with sorting and filtering. Full Documentation & Demo
Simply pass an array of objects as the table parameter to the component. Use the key rows to define your array as follows:
/**
.js
Defining a model that my table will display
*/
let model = {
rows: [
{
Tables: 'zebra stripes',
Are: 'are neat',
Cool: '$1'
}
]
};
...
{{! some-template.hbs }}
{{component "sort-filter-table" table=model}}
The addon will assemble the table headers from the object keys and display a table like this:
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| zebra stripes | are neat | $1 |
If your model has properties that should not be displayed in the table, use an underscore to mark that property as private.
let model = {
rows:[
{
name: 'Carlos Rodriguez',
github_id: 'crodriguez1a',
_writesCode: true
}
]
};
The model above would display like this:
| name | github id |
| ------------- |:-------------:|
| Carlos Rodriguez | crodriguez1a |
* git clone this repository
* npm install
* bower install
* ember server
* Visit your app at http://localhost:4200.
* ember test
* ember test --server
* ember build
For more information on using ember-cli, visit http://www.ember-cli.com/.