when I use dom: 'Pfrtip', bLengthChange disappears

phieutr

```<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">


js/bootstrap.min.js">

js/metisMenu.js">
js/dashboard_init.js">
js/custom.js">




vendors/datatable/js/dataTables.responsive.min.js">

$(document).ready(function() { var table = $('#tableexample').DataTable({ bLengthChange: true, pageLength: 25, language: { paginate: { next: "", previous: "", }, }, columnDefs: [{ visible: false, }], order: [ [0, 'desc'] ], responsive: true, info: true, paging: true, searchPanes: { show: true, initCollapsed: true, // layout: 'columns-1', }, dom: 'Pfrtip', select: true, buttons: [{ text: 'Get selected data', action: function() { var count = table.rows({ selected: true }).count(); events.prepend('

' + count + ' row(s) selected

'); } }], }); table.searchPanes() $("div.dtsp-verticalPanes").append(table.searchPanes.container());

```:

First sorry for my English. My "BLengthChange" works pretty well but when I add "dom: 'Pfrtip'" it seems my Variable Length is gone, if I drop dom: 'Pfrtip' it breaks the html structure of I. I don't understand what's going on anymore and I still don't have a solution: