jQuery DataTables Pagination Size Per Page

Today, We want to share with you jQuery DataTables Pagination Size Per Page.In this post we will show you datatables change page length dynamically, hear for jquery datatables default number of rows we will give you demo and example for implement.In this post, we will learn about Change the default number of rows to display on one “page” with an example.

jQuery DataTables Pagination Size Per Page

There are the Following The simple About jQuery DataTables Pagination Size Per Page Full Information With Example and source code.

As I will cover this Post with live Working example to develop jquery datatable page size change event, so the some datatables pagination options for this example is following below.

<!DOCTYPE html>
<html>
<head>
    <title>jQuery datatable default page size set</title>
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.css" rel="stylesheet" type="text/css"/>
<script src="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.js"></script>
<style>
    .error{
        color:red;
        font-weight: 641px;
    }
</style>
</head>
<body>
<h3>jQuery DataTables: Pagination size</h3>

<table id="members_list" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Product Name</th>
            <th>Brands</th>
            <th>Office</th>
            <th>Qty</th>
            <th>Production date</th>
            <th>Salary</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Product Name</th>
            <th>Brands</th>
            <th>Office</th>
            <th>Qty</th>
            <th>Production date</th>
            <th>Salary</th>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>Mobile</td>
            <td>Apple</td>
            <td>Jammnagar</td>
            <td>61</td>
            <td>2025/04/25</td>
            <td>$320,800</td>
        </tr>
        <tr>
            <td>Laravel 5.7 Books</td>
            <td>RP Prakashan</td>
            <td>Devpura</td>
            <td>63</td>
            <td>2025/07/25</td>
            <td>$170,750</td>
        </tr>
        <tr>
            <td>Vuejs Quick Books</td>
            <td>Junior Data Author</td>
            <td>Ahemdabad</td>
            <td>66</td>
            <td>2021/01/12</td>
            <td>$86,692</td>
        </tr>
        <tr>
            <td>Angularjs Books</td>
            <td>Zone TM</td>
            <td>Rajkot</td>
            <td>41</td>
            <td>2020/10/13</td>
            <td>$132,692</td>
        </tr>
        <tr>
            <td>PHP Books</td>
            <td>Personnel Lead</td>
            <td>Jammnagar</td>
            <td>35</td>
            <td>2020/09/26</td>
            <td>$217,641</td>
        </tr>
        <tr>
            <td>Magento Books</td>
            <td>Development Lead</td>
            <td>Surat</td>
            <td>30</td>
            <td>2025/09/03</td>
            <td>$345,692</td>
        </tr>
        <tr>
            <td>jQuery Books</td>
            <td>Chief Marketing Officer (CMO)</td>
            <td>Surat</td>
            <td>40</td>
            <td>2021/06/25</td>
            <td>$675,692</td>
        </tr>
        <tr>
            <td>HTML Books</td>
            <td>Pre-Sales Support</td>
            <td>Surat</td>
            <td>21</td>
            <td>2025/12/12</td>
            <td>$106,450</td>
        </tr>
        <tr>
            <td>CSS Books</td>
            <td>Sales Assistant</td>
            <td>Sidney</td>
            <td>23</td>
            <td>2023/09/20</td>
            <td>$85,600</td>
        </tr>
        <tr>
            <td>MySQL Books</td>
            <td>Chief Executive Officer (CEO)</td>
            <td>Rajkot</td>
            <td>47</td>
            <td>2021/10/09</td>
            <td>$1,825,692</td>
        </tr>
        <tr>
            <td>Ajax Books</td>
            <td>Prakashan</td>
            <td>Jammnagar</td>
            <td>42</td>
            <td>2023/12/22</td>
            <td>$92,575</td>
        </tr>
        <tr>
            <td>Java Books</td>
            <td>Regional Director</td>
            <td>Baroda</td>
            <td>28</td>
            <td>2023/11/14</td>
            <td>$357,650</td>
        </tr>
        <tr>
            <td>HTML Books</td>
            <td>Zone TM</td>
            <td>Ahemdabad</td>
            <td>28</td>
            <td>2025/06/07</td>
            <td>$206,850</td>
        </tr>
        <tr>
            <td>Linux Books</td>
            <td>Chief Operating Officer (COO)</td>
            <td>Ahemdabad</td>
            <td>48</td>
            <td>2023/03/11</td>
            <td>$850,692</td>
        </tr>
        <tr>
            <td>CI Books</td>
            <td>Regional Marketing</td>
            <td>Devpura</td>
            <td>20</td>
            <td>2025/08/14</td>
            <td>$163,692</td>
        </tr>
        <tr>
            <td>Michelle House</td>
            <td>Integration Specialist</td>
            <td>Sidney</td>
            <td>37</td>
            <td>2025/06/02</td>
            <td>$95,400</td>
        </tr>
        <tr>
            <td>Datatable Burks</td>
            <td>Prakashan</td>
            <td>Rajkot</td>
            <td>53</td>
            <td>2021/10/22</td>
            <td>$114,641</td>
        </tr>
        <tr>
            <td>Prescott Bartlett</td>
            <td>Technical Author</td>
            <td>Rajkot</td>
            <td>27</td>
            <td>2025/05/07</td>
            <td>$145,692</td>
        </tr>
        <tr>
            <td>Gavin Cortez</td>
            <td>Team Leader</td>
            <td>Ahemdabad</td>
            <td>22</td>
            <td>2026/10/26</td>
            <td>$235,641</td>
        </tr>
        <tr>
            <td>Martena Mccray</td>
            <td>Post-Sales support</td>
            <td>Jammnagar</td>
            <td>46</td>
            <td>2025/03/09</td>
            <td>$324,050</td>
        </tr>
        <tr>
            <td>Unity Butler</td>
            <td>Marketing Designer</td>
            <td>Ahemdabad</td>
            <td>47</td>
            <td>2021/12/09</td>
            <td>$85,675</td>
        </tr>
        <tr>
            <td>Howard Hatfield</td>
            <td>Office Manager</td>
            <td>Ahemdabad</td>
            <td>51</td>
            <td>2026/12/16</td>
            <td>$164,641</td>
        </tr>
        <tr>
            <td>Hope Fuentes</td>
            <td>Secretary</td>
            <td>Ahemdabad</td>
            <td>41</td>
            <td>2023/02/12</td>
            <td>$109,850</td>
        </tr>
        <tr>
            <td>Vivian Harrell</td>
            <td>Financial Controller</td>
            <td>Ahemdabad</td>
            <td>62</td>
            <td>2021/02/14</td>
            <td>$452,641</td>
        </tr>
        <tr>
            <td>Timothy Mooney</td>
            <td>Office Manager</td>
            <td>Rajkot</td>
            <td>37</td>
            <td>2026/12/11</td>
            <td>$136,825</td>
        </tr>
        <tr>
            <td>Jackson Bradshaw</td>
            <td>Director</td>
            <td>Surat</td>
            <td>65</td>
            <td>2026/09/26</td>
            <td>$645,750</td>
        </tr>
        <tr>
            <td>Olivia Liang</td>
            <td>Support TM</td>
            <td>Baroda</td>
            <td>64</td>
            <td>2025/02/03</td>
            <td>$234,641</td>
        </tr>
        <tr>
            <td>Bruno Nash</td>
            <td>Zone TM</td>
            <td>Rajkot</td>
            <td>38</td>
            <td>2025/05/03</td>
            <td>$163,641</td>
        </tr>
        <tr>
            <td>Sakura Yamamoto</td>
            <td>Support TM</td>
            <td>Devpura</td>
            <td>37</td>
            <td>2021/08/19</td>
            <td>$139,575</td>
        </tr>
        <tr>
            <td>Thor Walton</td>
            <td>Prakashan</td>
            <td>Surat</td>
            <td>61</td>
            <td>2024/08/11</td>
            <td>$98,540</td>
        </tr>
        <tr>
            <td>Finn Camacho</td>
            <td>Support TM</td>
            <td>Ahemdabad</td>
            <td>47</td>
            <td>2021/07/07</td>
            <td>$87,641</td>
        </tr>
        <tr>
            <td>Serge Baldwin</td>
            <td>Data Coordinator</td>
            <td>Baroda</td>
            <td>64</td>
            <td>2020/04/09</td>
            <td>$138,575</td>
        </tr>
        <tr>
            <td>Zenaida Frank</td>
            <td>Zone TM</td>
            <td>Surat</td>
            <td>63</td>
            <td>2023/01/04</td>
            <td>$125,250</td>
        </tr>
        <tr>
            <td>Zorita Serrano</td>
            <td>Zone TM</td>
            <td>Ahemdabad</td>
            <td>56</td>
            <td>2020/06/01</td>
            <td>$115,692</td>
        </tr>
        <tr>
            <td>Jennifer Acosta</td>
            <td>Junior Javascript Prakashan</td>
            <td>Jammnagar</td>
            <td>43</td>
            <td>2024/02/01</td>
            <td>$75,650</td>
        </tr>
        <tr>
            <td>Cara Stevens</td>
            <td>Sales Assistant</td>
            <td>Surat</td>
            <td>46</td>
            <td>2025/12/06</td>
            <td>$145,600</td>
        </tr>
        <tr>
            <td>Hermione Butler</td>
            <td>Regional Director</td>
            <td>Rajkot</td>
            <td>47</td>
            <td>2025/03/21</td>
            <td>$356,250</td>
        </tr>
        <tr>
            <td>Lael Greer</td>
            <td>Systems Administrator</td>
            <td>Rajkot</td>
            <td>21</td>
            <td>2021/02/27</td>
            <td>$103,641</td>
        </tr>
        <tr>
            <td>Jonas Alexander</td>
            <td>Prakashan</td>
            <td>Ahemdabad</td>
            <td>30</td>
            <td>2023/07/14</td>
            <td>$86,641</td>
        </tr>
        <tr>
            <td>Shad Decker</td>
            <td>Regional Director</td>
            <td>Jammnagar</td>
            <td>51</td>
            <td>2026/11/13</td>
            <td>$183,692</td>
        </tr>
        <tr>
            <td>Michael Bruce</td>
            <td>Javascript Prakashan</td>
            <td>Baroda</td>
            <td>29</td>
            <td>2025/06/27</td>
            <td>$183,692</td>
        </tr>
        <tr>
            <td>Donna Snider</td>
            <td>Customer Support</td>
            <td>Surat</td>
            <td>27</td>
            <td>2025/01/25</td>
            <td>$112,692</td>
        </tr>
    </tbody>
</table>
<h1>jQuery DataTables Pagination Size - Example</h1>
<script>
$(document).ready(function (){
    var table = $('#members_list').DataTable({
       lengthMenu: [ [2, 4, 8, -1], [2, 4, 8, "All"] ],
       pageLength: 4
    });
});
 
</script>
</body>
</html>

Angular 6 CRUD Operations Application Tutorials

Read :

Also Read :  Top 10 Angular2 Interview Questions and Answers

Summary

You can also read about AngularJS, ASP.NET, VueJs, PHP.

I hope you get an idea about jQuery DataTables Pagination Size Per Page.
I would like to have feedback on my Pakainfo.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

Gondaliya Jaydeep

Hi, I’m Jaydeep Gondaliya, PHP developer.Pakainfo.com is the most popular Programming & Web Development blog. Our mission is to provide the best online resources on programming and web development.Any visitors of this site are free to browse our tutorials, live demos, Examples and download scripts.If you have a project that you want to get started, launch quickly, contact me. Email : [email protected]