processing: true, serverSide: true, orderCellsTop: true, fixedHeader: true, responsive: true, {{-- responsive:{ details: { renderer: function(api, rowIdx, columns) { var data = $.map(columns, function(col, i) { return col.hidden ? '' + '' + col.title + ' ' + '' + col.data + '' + '' : ''; }).join(''); return data ? $('').append(data) :false; } } }, --}} aLengthMenu: [ [10,25, 50, 100, 200, -1], [10,25, 50, 100, 200, "{{__('datatable.All')}}"] ], dom: "<'row'<'col-sm-12 col-md-4'B><'col-sm-12 text-center col-md-4'fP><'col-sm-12 col-md-4 text-end'l>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>", language: { "emptyTable": "{{__('datatable.emptyTable')}}", "info": "{{__('datatable.info')}}", "infoEmpty": "{{__('datatable.infoEmpty')}}", "infoFiltered": "{{__('datatable.infoFiltered')}}", "lengthMenu": "{{__('datatable.lengthMenu')}}", "loadingRecords": "{{__('datatable.loadingRecords')}}", "processing": "{{__('datatable.processing')}}", "search": "{{__("datatable.search")}}:", "zeroRecords": "{{(__('datatable.zeroRecords'))}}", "paginate": { "first": "{{__('datatable.first')}}", "last": "{{__('datatable.last')}}", "next": "{{__('datatable.next')}}", "previous": "{{__('datatable.previous')}}" }, }, initComplete: function(settings, json) { this.api().columns().every(function(index) { var column = this; var colDef = settings["aoColumns"][index]; if (colDef.bSearchable) { var input = document.createElement("input"); input.className = "form-control form-control-sm "; input.style.minWidth = "120px" $(input).appendTo($(column.header())).on("change", function() { column.search($(this).val(), false, false, true).draw(); }); } }); }