Integrating DataTables with Angular.js

mjr_III

Hi, I have been using datatables for a while, and it works great for my site which renders the table on the server. I have been working on my next iteration, where I have used Angular.js to provide seamless two-way databinding from the view to the model. It is working great, but I haven't been able to integrate datatables with angular so far...

I would like to have the individual elements change "automagically" without a page refresh, via behind the scenes ajax calls (until I can figure out a comet/socket.io implementation).

Eventually, I would like to have groups of rows, which can be expanded on a click event, while maintaining the sorting/searching functionality. It is pretty ambitious, but so far I have made a bunch of progress...I will post a jfiddle soon.

allan

You need to use the DataTables API to update, add and delete rows - specifically fnUpdate , fnAddData and fnDeleteRow .

Allan

mjr_III

thanks allan, i will do some studying on that.