https://github.com/quantosobra/ember-semantic-ui-table

Semantic UI Table component for Ember
https://github.com/quantosobra/ember-semantic-ui-table

ember javascript semantic-ui table

Last synced: 3 months ago
JSON representation

Semantic UI Table component for Ember

• Host: GitHub
• URL: https://github.com/quantosobra/ember-semantic-ui-table
• Owner: quantosobra
• License: mit
• Created: 2017-01-30T15:46:33.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T14:49:46.000Z (about 2 years ago)
• Last Synced: 2024-04-14T15:38:05.426Z (9 months ago)
• Topics: ember, javascript, semantic-ui, table
• Language: JavaScript
• Homepage: https://quantosobra.github.io/ember-semantic-ui-table/
• Size: 9.08 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 36
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# ember-semantic-ui-table

[![Build Status](https://travis-ci.org/quantosobra/ember-semantic-ui-table.svg)](https://travis-ci.org/quantosobra/ember-semantic-ui-table)

[![npm version](https://badge.fury.io/js/ember-semantic-ui-table.svg)](http://badge.fury.io/js/ember-semantic-ui-table)

[![Ember Observer Score](http://emberobserver.com/badges/ember-semantic-ui-table.svg)](http://emberobserver.com/addons/ember-semantic-ui-table)

[![Code Climate](https://codeclimate.com/github/quantosobra/ember-semantic-ui-table/badges/gpa.svg)](https://codeclimate.com/github/quantosobra/ember-semantic-ui-table)

[![Embroider Safe](http://badges.herokuapp.com/travis/quantosobra/ember-semantic-ui-table?branch=master&env=EMBER_TRY_SCENARIO=embroider&label=Embroider+Safe)](https://travis-ci.org/quantosobra/ember-semantic-ui-table)

## Features

[Semantic UI](http://semantic-ui.com/) 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](http://quantosobra.github.io/ember-semantic-ui-table)

- ### [Changelog](CHANGELOG.md)

## Looking for help?

If it is a bug [please open an issue on GitHub](https://github.com/quantosobra/ember-semantic-ui-table/issues).

## Usage

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

```js

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:

```hbs

{{ui-table table}}

```

You can see more advanced examples in the [demo page](http://quantosobra.github.io/ember-semantic-ui-table).

## 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](https://www.quantosobra.com.br) and licensed under the MIT license.

See the [LICENSE.md](LICENSE.md) file for the full license text.

QuantoSobra © 2017-2020