npm version Build Status Ember Observer Score

ember-sort-filter-table

A table add-on for Ember-CLI with sorting and filtering. Full Documentation & Demo

Installation

    ember install ember-sort-filter-table

Usage

Simply pass an array of objects as the table parameter to the component. Use the key rows to define your array as follows:

    /**
      .js
      Defining a model that my table will display
    */
    let model = {
      rows: [
        {
          Tables: 'zebra stripes',
          Are: 'are neat',
          Cool: '$1'
         }
       ]
     };         

    ...

    {{! some-template.hbs }}
    {{component "sort-filter-table" table=model}}

The addon will assemble the table headers from the object keys and display a table like this:

Tables Are Cool
zebra stripes are neat $1

If your model has properties that should not be displayed in the table, use an underscore to mark that property as private.

    let model = {
      rows:[
        {
          name: 'Carlos Rodriguez',
          github_id: 'crodriguez1a',
          _writesCode: true
        }
      ]
    };

The model above would display like this:

name github id
Carlos Rodriguez crodriguez1a

Contribute

Collaboration is welcome and greatly appreciated. To collaborate on this project, follow the instructions that follow.

Installation

  • git clone this repository
  • npm install
  • bower install

Running

Running Tests

  • ember test
  • ember test --server

Building

  • ember build

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

Ember Sort Filter Table

A sortable/searchable table addon for ember cli

Ember Sort Filter Table Info

⭐ Stars 13
🔗 Source Code github.com
🕒 Last Update 2 years ago
🕒 Created 6 years ago
🐞 Open Issues 3
➗ Star-Issue Ratio 4
😎 Author crodriguez1a