All Projects → crodriguez1a → ember-sort-filter-table

crodriguez1a / ember-sort-filter-table

Licence: MIT License
A sortable/searchable table addon for ember cli

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to ember-sort-filter-table

Vue Bootstrap4 Table
Advanced table based on Vue 2 and Bootstrap 4 ⚡️
Stars: ✭ 187 (+1338.46%)
Mutual labels:  sorting, table, filtering
Vuejs Datatable
A Vue.js component for filterable and paginated tables.
Stars: ✭ 148 (+1038.46%)
Mutual labels:  sorting, table, filtering
Blazortable
Blazor Table Component with Sorting, Paging and Filtering
Stars: ✭ 249 (+1815.38%)
Mutual labels:  sorting, table, filtering
Vue Table Dynamic
🎉 A dynamic table with sorting, filtering, editing, pagination, multiple select, etc.
Stars: ✭ 106 (+715.38%)
Mutual labels:  sorting, table, filtering
React Table
⚛️ Hooks for building fast and extendable tables and datagrids for React
Stars: ✭ 15,739 (+120969.23%)
Mutual labels:  sorting, table, filtering
ag-grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
Stars: ✭ 8,743 (+67153.85%)
Mutual labels:  sorting, table, filtering
november-cli
❄️ Generate a Node.js API for your Ember.js app
Stars: ✭ 51 (+292.31%)
Mutual labels:  ember, ember-data
Data
A data persistence library for Ember.js.
Stars: ✭ 2,998 (+22961.54%)
Mutual labels:  ember, ember-data
Ember Table
opensource.addepar.com/ember-table/
Stars: ✭ 1,695 (+12938.46%)
Mutual labels:  ember, table
ember-airtable
Boilerplate for quickly prototyping apps with Airtable, Node & Ember
Stars: ✭ 21 (+61.54%)
Mutual labels:  ember, ember-data
Ember Models Table
Table with pagination, sorting, filtering and much more
Stars: ✭ 212 (+1530.77%)
Mutual labels:  ember, table
svelte-datagrid
Svelte data grid spreadsheet best best features and performance from excel
Stars: ✭ 48 (+269.23%)
Mutual labels:  sorting, filtering
saule
JSON API library for ASP.Net Web API 2.
Stars: ✭ 74 (+469.23%)
Mutual labels:  ember, ember-data
Ember Light Table
Lightweight, contextual component based table for Ember 2.3+
Stars: ✭ 310 (+2284.62%)
Mutual labels:  ember, table
spring-boot-jpa-rest-demo-filter-paging-sorting
Spring Boot Data JPA with Filter, Pagination and Sorting
Stars: ✭ 70 (+438.46%)
Mutual labels:  sorting, filtering
pimpable
No description or website provided.
Stars: ✭ 102 (+684.62%)
Mutual labels:  sorting, filtering
ember-data-contentful
Ember Data adapter for contentful.com
Stars: ✭ 33 (+153.85%)
Mutual labels:  ember, ember-data
Queryql
Easily add filtering, sorting, and pagination to your Node.js REST API through your old friend: the query string!
Stars: ✭ 76 (+484.62%)
Mutual labels:  sorting, filtering
Gridify
Easy and optimized way to apply Filtering, Sorting, and Pagination using text-based data.
Stars: ✭ 372 (+2761.54%)
Mutual labels:  sorting, filtering
JqueryDataTablesServerSideDemo
Jquery DataTables with Asp.Net Core server side multi column sorting and searching Demo Project.
Stars: ✭ 43 (+230.77%)
Mutual labels:  sorting, filtering

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/.

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].