Search

They both have different id's, as in id="tableOne" or id="tableTwo". Then, I pass that to the SearchBuilder / javascript as #tableOne and #tableTwo.

$('#tableone').DataTable().on('select', function() {

$('#tableOne').on( 'click', 'tr', function () { var rowData = tableOne.row( this ).data(); tableTwo.ajax.url( '/loadTableTwoData?id='+rowData.id ).load(); } );

var tabone = $('#Tableone').DataTable(); $('#TableoneColumns a').each(function(i, obj) { if (Tableone.column(i).visible()) { $(this).css('color', ''); } else { $(this).css('col

$('#tableone').dataTable( {

$('#tableone').dataTable( {

2. Configure the sDOM in each datatable's javascript, so that they host unique DIV ids for each table (for example "sDom": '<"H" <"#tableOne"fpr>&

$('#tableOne tr').css('display', 'table-row');

$('#tableOne tr').css('display', 'table-row');

1. $("#tableone_wrapper .dataTables_scrollFootInner tfoot th")

$(#tableone thead tr td input).focus(...) is not working. Only individual ids for each input field is making it work.

$('#tableOne tbody tr td:nth-child(8)').editable( '/data/editNote/', {

$('#tableOne').dataTable( {

$('#tableOne').dataTable( {