onechiporenko / Ember Models Table
Licence: mit
Table with pagination, sorting, filtering and much more
Stars: ✭ 212
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Ember Models Table
Ember Table
opensource.addepar.com/ember-table/
Stars: ✭ 1,695 (+699.53%)
Mutual labels: table, ember, ember-addon
Ember Light Table
Lightweight, contextual component based table for Ember 2.3+
Stars: ✭ 310 (+46.23%)
Mutual labels: table, ember, ember-addon
Ember Wordpress
The bridge between Ember.js and Wordpress
Stars: ✭ 94 (-55.66%)
Mutual labels: ember, ember-addon
Emberx Select
Select component for Ember based on the native html select element.
Stars: ✭ 202 (-4.72%)
Mutual labels: ember, ember-addon
Ember Cli Sentry
Error tracking via Sentry for Ember.js apps
Stars: ✭ 81 (-61.79%)
Mutual labels: ember, ember-addon
Ember Drag Sort
A sortable list component with support for multiple and nested lists
Stars: ✭ 82 (-61.32%)
Mutual labels: ember, ember-addon
Ember Toggle
Checkbox based Toggle Switches for Ember
Stars: ✭ 111 (-47.64%)
Mutual labels: ember, ember-addon
Ember Styleguide
This is a UI addon that intends to help standardize the Ember family of websites and make it easier to make the Ember website an Ember app.
Stars: ✭ 69 (-67.45%)
Mutual labels: ember, ember-addon
Ember Impagination
An Ember Addon that puts the fun back in asynchronous, paginated datasets
Stars: ✭ 123 (-41.98%)
Mutual labels: ember, ember-addon
Ember Cli Bundle Analyzer
Analyze the size and contents of your Ember app's bundles
Stars: ✭ 78 (-63.21%)
Mutual labels: ember, ember-addon
Ember Cli Coffeescript
Adds precompilation of CoffeeScript files and all the basic generation types to the ember generate command.
Stars: ✭ 72 (-66.04%)
Mutual labels: ember, ember-addon
Ember Steps
Declaratively create wizards, tabbed UIs, and more
Stars: ✭ 84 (-60.38%)
Mutual labels: ember, ember-addon
Ember Cli Clipboard
A simple ember wrapper around clipboard.js
Stars: ✭ 72 (-66.04%)
Mutual labels: ember, ember-addon
Ember Cli Postcss
🔥 A Postcss integration for ember-cli
Stars: ✭ 97 (-54.25%)
Mutual labels: ember, ember-addon
Ember Cli Notifications
⚛ Atom inspired notification messages for ember-cli
Stars: ✭ 168 (-20.75%)
Mutual labels: ember, ember-addon
Ember Cli Chartist
Ember Addon for Chartist.js
Stars: ✭ 58 (-72.64%)
Mutual labels: ember, ember-addon
Ember Content Placeholders
Composable components for rendering fake (progressive) content like facebook
Stars: ✭ 121 (-42.92%)
Mutual labels: ember, ember-addon
Ember-models-table
Install
ember install ember-models-table
Discussion
Join the official Ember Discord server.
Usage
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.
Custom themes
To use your custom theme based on DefaultTheme
or its children you must do next steps:
- Register your theme in the application initializer:
// app/initializes/emt-my-super-theme.js
import MySuperTheme from 'your/custom/path';
export function initialize(application) {
application.register('emt-theme:my-super-theme', MySuperTheme, {singleton: false});
}
export default {
name: 'emt-my-custom-theme',
after: 'emt-themes',
initialize
};
- Inject your theme to the component in the application instance initializer:
// app/instance-initializers/emt-my-super-theme.js
export function initialize(appInstance) {
appInstance.inject('component:models-table', 'themeInstance', 'theme:my-super-theme');
appInstance.inject('component:models-table-server-paginated', 'themeInstance', 'theme:my-super-theme');
}
export default {
name: 'emt-my-super-theme-inject',
after: 'emt-inject',
initialize
};
DefaultTheme
usesowner.lookup
internally. That is why themes based on it must be registered and injected and not just passed as arguments to themodels-table
component.
Old versions
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].