# jQuery Datatable equivalent

**URL:** https://discuss.emberjs.com/t/jquery-datatable-equivalent/10964
**Category:** Ember Data
**Created:** [June 18, 2016, 6:31pm UTC](https://discuss.emberjs.com/t/jquery-datatable-equivalent/10964 "2016-06-18T18:31:06Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![niconel](https://avatars.discourse-cdn.com/v4/letter/n/e480ec/32.png) [@niconel](https://discuss.emberjs.com/u/niconel)
#### Post date: [June 18, 2016, 6:31pm UTC](https://discuss.emberjs.com/t/jquery-datatable-equivalent/10964/1 "2016-06-18T18:31:06Z")

</div>

Hi,

Got an API ([asp.net](http://asp.net) web api, in my control, so can customize) that return data from a pretty massive database.

First time using Ember (know the basics by now) so not sure what is a good alternative to what I’d normally use in an [Asp.Net](http://Asp.Net) MVC project (server side filtering/sorting/paging with jquery datatables)?

Just a shove in the right direction is all I’d like. Searching bring up so many results and don’t really have time to experiment.

Thanks in advance, Nico

---

<div class="post-metadata">

### Author: ![jasonmit](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/jasonmit/32/182_2.png) [@jasonmit](https://discuss.emberjs.com/u/jasonmit)
#### Post date: [June 18, 2016, 6:43pm UTC](https://discuss.emberjs.com/t/jquery-datatable-equivalent/10964/2 "2016-06-18T18:43:11Z")

</div>

I personally prefer [ember-light-table - npm](https://www.npmjs.com/package/ember-light-table) but there are a number of table options (probably too many).

[https://www.emberaddons.com/?query=table](https://www.emberaddons.com/?query=table)

---

<div class="post-metadata">

### Author: ![niconel](https://avatars.discourse-cdn.com/v4/letter/n/e480ec/32.png) [@niconel](https://discuss.emberjs.com/u/niconel)
#### Post date: [June 18, 2016, 7:02pm UTC](https://discuss.emberjs.com/t/jquery-datatable-equivalent/10964/3 "2016-06-18T19:02:07Z")

</div>

Thanks bud, that looks great.

But think going to need something that support filtering / sorting, etc. (“think” because I’m not too sure about the specs just yet) Let me try go through that search and see what i come up with (going to need somethign with documentation since I’m such a n00b)

 ![](https://us1.discourse-cdn.com/flex019/uploads/emberjs_public/original/2X/b/b1d852acf2587828aef1e21ccc9ab0b89d1c20f7.png)

---

<div class="post-metadata">

### Author: ![niconel](https://avatars.discourse-cdn.com/v4/letter/n/e480ec/32.png) [@niconel](https://discuss.emberjs.com/u/niconel)
#### Post date: [June 18, 2016, 7:07pm UTC](https://discuss.emberjs.com/t/jquery-datatable-equivalent/10964/4 "2016-06-18T19:07:39Z")

</div>

> **[Ember-models-table](http://onechiporenko.github.io/ember-models-table/)**
>
> Table with pagination, sorting, filtering and much more

Something like that should work. Now for the nightmare to figure out how to make it work. lol (still so much to learn but absolutely love Ember!)

---

<div class="post-metadata">

### Author: ![jasonmit](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/jasonmit/32/182_2.png) [@jasonmit](https://discuss.emberjs.com/u/jasonmit)
#### Post date: [June 18, 2016, 7:11pm UTC](https://discuss.emberjs.com/t/jquery-datatable-equivalent/10964/5 "2016-06-18T19:11:02Z")

</div>

> [@niconel](#):
>
> But think going to need something that support filtering / sorting, etc.

Sorting is possible, have a look at the example: [http://offirgolan.github.io/ember-light-table/](http://offirgolan.github.io/ember-light-table/)

It’s implemented outside of the component itself, but this is likely an ideal implementation to allow for custom sorting logic (i.e., going to the server versus sorting the model client side). [https://github.com/offirgolan/ember-light-table/blob/master/tests/dummy/app/controllers/table.js#L40-L50](https://github.com/offirgolan/ember-light-table/blob/master/tests/dummy/app/controllers/table.js#L40-L50)

Filtering should also be handled this way. An input box that `onChange` triggers an action to the controller/parent component which mutates the content bound to the table either by going to the server or filtering client-side.

---

<div class="post-metadata">

### Author: ![niconel](https://avatars.discourse-cdn.com/v4/letter/n/e480ec/32.png) [@niconel](https://discuss.emberjs.com/u/niconel)
#### Post date: [June 18, 2016, 7:12pm UTC](https://discuss.emberjs.com/t/jquery-datatable-equivalent/10964/6 "2016-06-18T19:12:12Z")

</div>

aaah ok, blind as a bat I am. thanks again!

---

<div class="post-metadata">

### Author: ![Prabasini](https://avatars.discourse-cdn.com/v4/letter/p/3ab097/32.png) [@Prabasini](https://discuss.emberjs.com/u/Prabasini)
#### Post date: [November 7, 2016, 9:41pm UTC](https://discuss.emberjs.com/t/jquery-datatable-equivalent/10964/7 "2016-11-07T21:41:39Z")

</div>

Not able to open this link… [https://github.com/offirgolan/ember-light-table/blob/master/tests/dummy/app/controllers/table.js#L40-L50](https://github.com/offirgolan/ember-light-table/blob/master/tests/dummy/app/controllers/table.js#L40-L50) Ember-light-table for client side sorting … I want sorting, filtering and paging in server side in ember 2.8.

Any sample code or add on ??

Thank you
