Preamble

It can be quite useful at times to provide the user with the option to select rows in a DataTable. This can be done by simply using a click event to add/remove a class on the table rows. The the selected rows are then provided through the custom function fnGetSelected() for later processing.

Live example

Initialisation code

$(document).ready(function() {
	/* Add/remove class to a row when clicked on */
	$('#example tr').click( function() {
		$(this).toggleClass('row_selected');
	} );
	
	/* Init the table */
	var oTable = $('#example').dataTable( );
} );

/*
 * I don't actually use this here, but it is provided as it might be useful and demonstrates
 * getting the TR nodes from DataTables
 */
function fnGetSelected( oTableLocal )
{
	return oTableLocal.$('tr.row_selected');
}

Other examples