ember install ember-models-table
Join the official Ember Discord server.
Major version 3.x is latest version of ember-models-table
.
- Demo for
ember-bootstrap
with Bootstrap v3 - demo bs3. Themeember-bootstrap-v3
is used here. Add fileapp/instance-initializers/emt-inject.js
to your project and table components will use this theme automatically:
export function initialize(appInstance) {
appInstance.inject('component:models-table', 'themeInstance', `theme:ember-bootstrap-v3`);
appInstance.inject('component:models-table-server-paginated', 'themeInstance', `theme:ember-bootstrap-v3`);
}
export default {
name: 'emt-inject',
initialize
};
- Demo for
ember-bootstrap
with Bootstrap v4 - demo bs4. Themeember-bootstrap-v4
is used here. Add fileapp/instance-initializers/emt-inject.js
to your project and table components will use this theme automatically:
export function initialize(appInstance) {
appInstance.inject('component:models-table', 'themeInstance', `theme:ember-bootstrap-v4`);
appInstance.inject('component:models-table-server-paginated', 'themeInstance', `theme:ember-bootstrap-v4`);
}
export default {
name: 'emt-inject',
initialize
};
- Demo for
ember-paper
- demo paper. Themeember-paper
is used here. Add fileapp/instance-initializers/emt-inject.js
to your project and table components will use this theme automatically:
export function initialize(appInstance) {
appInstance.inject('component:models-table', 'themeInstance', `theme:ember-paper`);
appInstance.inject('component:models-table-server-paginated', 'themeInstance', `theme:ember-paper`);
}
export default {
name: 'emt-inject',
initialize
};
IMPORTANT Custom styles for ember-paper
theme are not included to the ember-models-table
by default. You can copy it from dummy
app or create your own styles.
- Demo for
plain-html
- demo plain html. Themeplain-html
is used here. Add fileapp/instance-initializers/emt-inject.js
to your project and table components will use this theme automatically:
export function initialize(appInstance) {
appInstance.inject('component:models-table', 'themeInstance', `theme:plain-html`);
appInstance.inject('component:models-table-server-paginated', 'themeInstance', `theme:plain-html`);
}
export default {
name: 'emt-inject',
initialize
};
IMPORTANT Custom styles for plain-html
theme are not included to the ember-models-table
by default. You can copy it from dummy
app or create your own styles.