Search

var table = $('#users').dataTable( { "lengthMenu": [ [5,10, 25, 50, -1], [5,10, 25, 50, "All"] ], "ajax": "http://domain.com/Users.txt", "columns": [ { "data": "GivenName" }, { "data": "SurName" }, { "data": "Department" }, { "data": "TelephoneNumber", "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) { $(nTd).html("<a href='tel:"+oData.TelephoneNumber+"'>"+oData.TelephoneNumber+"</a>"); } }, { "data": "EmailAddress" }, { "data": "Office" }, ] }).columnFilter();

A draw of the table will cause the row

option to the guns table from the member table

processing) to reload the table with the new search

and passing in the table data via JSON. This

Use destroy(). The optional parameter can be passed in to also remove the table from the DOM. Allan

Wish I could Delete it, I figured it out. I had 6 columns on the table thead but colspan='7' on tfoot Thanks

state in the database table and voila!, it worked.

the data for the table - not the root object.

modified my example, child table displays correct is still