ember-table-it
{{table-it}} component addon for simple table construction using Bootstrap 3
Ember-table-it
Dependencies
- Bootstrap 3 for style
- Ember-data This library assumes to be working with Ember-data
Getting Started
Install via ember-cli, ember install:addon ember-table-it
, then use in your app.
Available Options
Required
columns
: An array of column identifications.label
is the text to show andname
is the attribute name to pull from model
label: 'ID' name: 'id' label: 'Name' name: 'name' label: 'Birthday' name: 'dob' ;
rows
: Model collection
Optional
action
: Handler for thesetPage
action that gets raised during pagination
Following outlines the details of collaborating on this Ember addon.
Quick Example
Assuming we have a simple model called user
. And we wanted to display them paginated.
NOTE For pagination to work, you have to have meta data called total_pages
in your response from server. See serializers for converting meta data if your server is returning different attribute for number of total pages
NOTE 2 Pagination has to be applied to the models and handled by the calling controller/component
After you set your model in your route. In your controller or component
Controller;
In the corresponding template
table-it columns=columns rows=rows action="setPage"
This will fully render the data.
Installation
git clone
this repositorynpm install
bower install
Running
ember server
- Visit your app at http://localhost:4200.
Running Tests
Unit tests aren't completed yet
ember test
ember test --server
Building
ember build
For more information on using ember-cli, visit http://www.ember-cli.com/.