Search

be appreciated. this.tableOptions = { serverSide: true, ajax: (data, callback, settings) => { return this.loadTeamLeaderboard(data, callback, settings); }, responsive: { details: { type: 'column', target:

fn.dataTable.util.escapeRegex($(this).val()); column.search( val ? '^'+val+'$' : '', true, false ).draw(); } ); column.data().unique().sort().each( function ( d, j ) { select.append( '<option value="'+d+'">'+d+'</option>' ) } ); } ); }, responsive: false, bAutoWidth: false, bInfo:

on editor, with select: true, "columnDefs": [ { orderable: false, className: 'select-checkbox', targets: 0 }, in compact responsive mode, when clicking on

records found."}, lengthChange: false, responsive: {details: { type: "column"}}, order: [1, "asc"], info: false, processing: true, serverSide: false, columns: [ {data:

1, 'asc'], dom: "Bfrtip", responsive: false,//true wont let me hide columns "scrollY": "600px", "scrollCollapse": true, "paging": false, select: { style:

1, 'asc'], dom: "Bfrtip", responsive: false,//true wont let me hide columns "scrollY": "600px", "scrollCollapse": true, "paging": false, select: { style:

You can use a function for the exportOptions - and in there call columns.visible(). That function returns true/false based on the colvis visibility, rather than the Responsive behaviour. See example here. Colin

with a complex header responsive. The table has some

Editor 2.4.0, Buttons 3.2.0, Responsive 3.0.3, Select 3.0.0 The

the image, making it responsive. * * User Greeting: * <p>Hallo, {{ auth()->user()->name