Search

Take a look at the BS Accordion docs to learn the events needed. Note it says this:

table.on( 'select deselect', function ( e, dt, type ) { if ( type === 'row' ) { var test = table.rows({selected: true}).data(); var events = $('#events'); events.

Instead of trying to remove items when deselected just populate #events just use the same event handler for both select and deselect, like this:

I'd like to be able to show the profile pics of one or more selected rows, but then as I deselect them, have those pics no longer show in the #events box.

$("#example").on('click','tbody tr',function() { var events = $('#events'); var test = table.rows($(this)).data(); /* var test = t

var sentData; var table = $('#events').DataTable({ "ajax": { "url": "get_results.php", "type&

var table = $('#events').DataTable({ "ajax": { "url": "get_results.php", "type": "get",

Information about 1 table available #events Data source: Ajax Processing mode: Client-side Draws: 2 Columns: 8 Rows - total: 3514 Rows - after search: 3514 Display start: 0 Display len

$( document ).ready(function() { do_search(); }); function do_search() { $('#events').DataTable().destroy() var table = $('#eve

Please see this section of the FAQ - this should get you going. Tl;dr - you need to use delegated events.

It sounds like you need delegated events, see this section of the FAQ.

I also thought so but when I use var table = $('#Events').DataTable(); inside a script tag on that page, the auto refresh stops. Is there a way to disable datatables ajax on a particular page?

Sounds like the same issue described in this FAQ. If using delegated events doesn't help please provide a link to your page or a test case replicating the issue so we can help debug.

$(document).ready(function() { var events = $('#events'); $('#tguests').DataTable( { dom: 'Bfrtip', columnDefs: [ { "

See this FAQ about delegated events and the example linked in the FAQ.

I should also mention the recommended way to create events with Datatables is to use delegated events, instead of DOM events (onClick), as documented in this faq and this example.

This FAQ about events should help. See the example linked in the FAQ.

Here is a different example with how I would approach this:

Had to chain draw() to the rows.add().

Start with this FAQ about using delegated events. If you still need help then please post a link to your page or create a test case replicating the issue so we can help debug.