A table add-on for Ember-CLI with sorting and filtering. Full Documentation & Demo
ember install ember-sort-filter-table
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 |
Collaboration is welcome and greatly appreciated. To collaborate on this project, follow the instructions that follow.
git clonethis repositorynpm installbower install
ember server- Visit your app at http://localhost:4200.
ember testember test --server
ember build
For more information on using ember-cli, visit http://www.ember-cli.com/.