Search

to page 2, the table is drawn again and

I have a master table and a details table.

thought you've told the table via class no. yet

Simply adding the responsive option to the table causes this issue? I'm not aware of anything that would cause that I'm afraid. Are you able to link to the page so I can take a look into it? Thanks, Allan

The principle is exactly the same as the two table join - you would just specify an additional leftJoin() as per the documentation linked to by @crush123. Allan

10:45AM Configuration in Data table : "aoColumns" : [ {"mData" : "orderedDate","mRender": function

If I change the table width from 100% to

var table = $('#MyTable').DataTable({ "initComplete" : function() { var api = this.api(); api.columns().indexes().flatten().each(function(i) { if(i==0) { var column = api.column(0); var select = $('<select class="headSelect"><option value="">Risk</option></select>') .appendTo($(column.header()).empty()).on('change',function() { var val = $.fn.dataTable.util.escapeRegex($(this).val()); column.search(val ? '^' + val + '$' : '',true, false).draw(); }); column.data().unique().sort().each(function(d,j) { select.append('<option class="headOption" value="'+d+'">' + d + '</option>'); }); } }); } });

Hello Allan. In a table called "users" there is

sort").val(); /* Init DataTables */ $("#pleasewait").show(); table = $('#prc').dataTable( { "dom": '<"top"fl<"clear">>rt<"bottom"<"clear">>', "bProcessing":