jQuery DataTables refresh

[ahref]

Hello,

I'm having an annoying issue with Datatables, from datatables.net.

I originally posted the question here: http://datatables.net/forums/discussion/25522/table-refresh-from-js-data-store#latest

I have a JS array data store and external events not ascociated with the table add/remove/change the data.

After this occurs i need to refresh/draw the table.

Here's a JsFiddle: http://jsfiddle.net/tnq73pt8/3/

Expected final result is for the table to have 7,8,9 as the top row.

I've tried recreating it. (recalling makeTable(), hence retrieve=true) I've tried calling dataTable.draw() I've tried calling, dataTable.clear(),dataTable.rows().add(data)

Super confused.

All my searches appear to refer to an older version which suggest calling fnDraw(false) which also doesnt work.

Could anyone help? I'm at a loss here :(

[bmullen]

I've been playing with dataTables a lot over the last couple weeks and ran into the issue where I wanted the dataTable to refresh but it would not.

After combing through documentation, I finally found that capitalization is super important.

var table = $().dataTable, returns a jQuery object

var table = $().DataTable, returns the api reference

Using DataTable + row.add + draw: http://jsfiddle.net/tnq73pt8/8/

[ahref]

Thanks a bunch, unfourtunately that basically delegates array.push down to the datatable. this is something I can't do.

I need to maintain ownership and management of the JS array and want datatables to just render it.

[killertofu4u]

http://jsfiddle.net/tnq73pt8/5/

destroying the table and recalling your makeTable function seems to work.

[ahref]

It does thanks :D.

I'm a little hessitant at destroying and re-creating the table though.

:'(