ember-cli-table

This README outlines the details of collaborating on this Ember addon.

Use

Installation

If you have ember-cli 0.1.5 or higher, you can run

ember install:addon ember-cli-table

Use

// routes/index.js
import Ember from 'ember';

export default Ember.Route.extend({
	model: function () {
		return [
			{id: 1, name: 'First', status: 'ok'},
			{id: 2, name: 'Second', status: 'ok'},
			{id: 3, name: 'Third', status: 'ok'},
			{id: 4, name: 'Fourth', status: 'ok'},
			{id: 5, name: 'Fifth', status: 'ok'},
			{id: 6, name: 'Sixth', status: 'ok'},
			{id: 7, name: 'Seventh', status: 'bad'},
			{id: 8, name: 'Eigth', status: 'bad'},
			{id: 9, name: 'Ninth', status: 'ok'},
			{id: 10, name: 'Tenth', status: 'ok'},
			{id: 11, name: 'Eleventh', status: 'ok'},
			{id: 12, name: 'Twelth', status: 'ok'},
		];
	}
});

// controllers/index.js
import Ember from 'ember';

export default Ember.ArrayController.extend();

// views/my-custom-cell-view.js
import Ember from 'ember';
import NSTableCellView from 'ember-cli-table/ns-table-cell-view';

export default NSTableCellView.extend({
	template: Ember.Handlebars.compile(
		'HELLO!! {{view.content}} ({{view.row.id}})'
	)
});

{{!-- templates/index.hbs --}}
{{#ns-table content=content class='table table-striped'}}
	{{ns-table-col valuePath='id' title="ID"}}
	{{ns-table-col valuePath='name' title="Name" cellViewClass='my-custom-cell-view'}}
	{{ns-table-col valuePath='status' title="Status"}}
{{/ns-table}}

Development

Installation

• git clone this repository
• npm install
• bower install

Running

• ember server
• Visit your app at http://localhost:4200.

Running Tests

• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.