ember-semantic-ui-table

Features

Semantic UI styled tables for Ember.

Installation

ember install ember-semantic-ui-table

Compatibility

• Ember.js v2.18 or above
• Ember CLI v2.13 or above
• Node.js v10 or above

Helpful Links

• Live Demo

• Changelog

Looking for help?

If it is a bug please open an issue on GitHub.

Usage

In your controller or component, create a table object and configure it's columns:

import Ember from 'ember';
import { Table } from 'ember-semantic-ui-table'

export default Ember.Component.extend({
  table: Ember.computed(function() {
    // Data can be from any source
    let rows = this.get('model');

    return Table.create([
      {
        label: 'Name',
        valuePath: 'name'
      },
      {
        label: 'Age',
        valuePath: 'age'
      }
    ], rows);
  })
});

Then, in your template, use the ui-table component and pass the table object for it:

{{ui-table table}}

You can see more advanced examples in the demo page.

Development

To release and publish a new version, use the commands:

ember release (--major|--minor|--patch)
yarn publish

License

This project is developed at QuantoSobra and licensed under the MIT license. See the LICENSE.md file for the full license text.

QuantoSobra © 2017-2020