Search

Yes, the table was hidden. Calling columns.adjust() did the trick --- vast improvement!

body").on("click", "#remove", function(event){ var table = $('#datatable').DataTable(); var rowSelector; rowSelector

left-top corner of my table but the select element

DataTables doesn't support inifite scrolling I'm afraid. but the length is set to -1 Yes, you have disabled paging, so all records would be needed to display the table. Allan

Thanks for the link! It took me a little while to realise myself! The table option is missing, so Editor doesn't link to that DataTable. Adding table: '#VenueTable' to your Editor initialisation should fix that. Allan

Here is a fiddle. Just filter table example1 by minimum and maximum, then filter example2 by search and remove this -> see that example2 was also filtered by example1's minimum and maximum filters https://jsfiddle.net/pL1ybkjw/1/

rows are disaplayed inside table but when I scroll

margin: 0 auto; } Demo Table:: <div class="container-fluid"> <%@include file="Admin_header.jsp"%>

Thanks. I put that in the initComplete function: var $table = $(this); $table.closest('.dataTables_wrapper').find('> div > .dataTables_length label').contents().filter(function() { return ($(this).prop('tagName') !== 'SELECT'); }).wrap('<span class="hidden-xs"></span>');

new $.fn.DataTable.Editor ({ ajax: $('#supplier_orders').data('upload'), table: '#supplier_orders', idSrc: 'id', fields: