By default, jquery datatable shows 10 by default and has
options : 10,25,50,100
How can I change these options?
Use page. len() API function to change page length dynamically. This method changes the number of rows shown, but the number in the Show x Entries select box remains the same.
Don't forget to change the iDisplayLength as well:
$(document).ready(function() { $('#tbl_id').dataTable({ "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]], "iDisplayLength": 25 }); } );
$(document).ready(function() { $('#example').dataTable( { "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]], "pageLength": 25 } ); } );
aLengthMenu : This parameter allows you to readily specify the entries in the length drop down menu that DataTables shows when pagination is enabled. It can be either a 1D array of options which will be used for both the displayed option and the value, or a 2D array which will use the array in the first position as the value, and the array in the second position as the displayed options (useful for language strings such as 'All').
Update
Since DataTables v1.10, the options you are looking for are pageLength
and lengthMenu
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With