Tengo una tabla de datos de JQuery que tiene una gran cantidad de datos. Establecí la longitud de la página, pero cada vez que paso la primera página, ya no respeta la longitud.

Como puede ver, la longitud de la página es de 50, que se respeta en la primera página, pero después de eso, la longitud ya no se respeta.

Este es mi guion:

 dataTable = $("#sampleTable").DataTable({ "ajax": { "url": '....', "contentType": "application/json", "type": "POST", "dataSrc": "" }, "columns": [ {"data": "name", "title": "Name"}, {"data": "value", "title": "Value"} ], "order": [[1, 'desc']], "createdRow": function(tr, _, rowIndex) { return $(tr).attr('rowindex', rowIndex) }, "bDestroy": true, "pageLength": 50, "lengthMenu": [ 10, 15, 20 , 30, 50], });

La versión que estoy usando es jquery 1.21.1 y datatables 1.10.21

Actualización: según lo solicitado, esto es lo que llama la llamada ajax

 @PostMapping(value = Paths.SAMPLE, consumes = { MediaType.APPLICATION_JSON }, produces = { MediaType.APPLICATION_JSON }) @ResponseBody public Collection<SampleData> retrieveSamples() { return sampleDBDao.retrieveData(); }

muestra.etiqueta

 <table id="sampleTable" class="table" style="width: 100%"> </table>

¿El problema se debe a que hay una gran cantidad de datos?