Change the paging display length

  • Author: Pedro Alves
  • Deprecated: This plug-in has been deprecated and replaced with other functionality. Please see the detailed description below for more information.

Change the number of records that can be viewed on a single page in DataTables.

DataTables 1.10 provides the page.len() method to get and set the page length using the built-in API. As such this method is marked deprecated, but is available for use with legacy version of DataTables. Please use the new API if you are used DataTables 1.10 or newer.

Plug-in code

jQuery.fn.dataTableExt.oApi.fnLengthChange = function ( oSettings, iDisplay )
    oSettings._iDisplayLength = iDisplay;
    oSettings.oApi._fnCalculateEnd( oSettings );

    /* If we have space to show extra rows (backing up from the end point - then do so */
    if ( oSettings._iDisplayEnd == oSettings.aiDisplay.length )
        oSettings._iDisplayStart = oSettings._iDisplayEnd - oSettings._iDisplayLength;
        if ( oSettings._iDisplayStart < 0 )
            oSettings._iDisplayStart = 0;

    if ( oSettings._iDisplayLength == -1 )
        oSettings._iDisplayStart = 0;

    oSettings.oApi._fnDraw( oSettings );

    if ( oSettings.aanFeatures.l )
        $('select', oSettings.aanFeatures.l).val( iDisplay );


This plug-in is available on the DataTables CDN:


Note that if you are using multiple plug-ins, it is beneficial in terms of performance to combine the plug-ins into a single file and host it on your own server, rather than making multiple requests to the DataTables CDN.

Version control

If you have any ideas for how this plug-in can be improved, or spot anything that is in error, it is available on GitHub and pull requests are very welcome!


$(document).ready(function() {
      var table = $('#example').dataTable();
      table.fnLengthChange( 100 );
  } );