Search

I figured it out. Modifying the success function of the ajax calls as follows worked: success: function(response) { $('#results').html('<table id="table-output" class="display" cellspacing="0" width="100%"></table>'); table_config.columns = response.columns; var table = $('#table-output').DataTable(table_config); table.clear(); table.rows.add(response.data); table.draw(); }

event before re-initialising the table using .off() method. Multiple

You would just use standard DOM or jQuery methods ($().show() for example, for css display: none`). Showing and hiding a table isn't something that DataTables has built in. Allan

problem is that the table has enough width and

the right of the table, not directly over the

the sense that, the table should display columns as

the columns in my table - added a reference to

change happen. Do your table updates come to you

not at post" } ] }; var table = $('#example').DataTable({ //data: test, //DOES

You can do this with jQuery: var table = $('#myTable'); addColumn(table, 'Name'); addColumn(table, 'Address'); addColumn(table, 'Phone'); //Note! Assumes that you have a single row // in your thead. function addColumn( table, title { table.find('thead tr').append('<th>' + title + '</th>'); }