title: Good jQuery pagination plugin to use with JSON data
body: <p>I am looking for a good jQuery pagination plugin to use in my aspx page.</p>
  
  <p>I have the following parameters.
  <code>currentpage, pagesize, TotalRecords, NumberofPages</code>. I would like my plugin to do the same as Stack Overflow paging.</p>
  
  <p><strong>EDIT:</strong>
  It should paginate through JSON data.</p>
  
  <p>Similar to this,</p>
  
  <p><a href="https://i.stack.imgur.com/Tef7H.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Tef7H.jpg" alt="pager"></a>
  </p>
  
  <p>I use my JSON data and iterating with jQuery</p>
  
  <pre><code>var jsonObj = jQuery.parseJSON(HfJsonValue);
      for (var i = jsonObj.Table.length - 1; i &gt;= 0; i--) {
          var employee = jsonObj.Table[i];
          $('&lt;div class="resultsdiv"&gt;&lt;br /&gt;&lt;span class="resultName"&gt;' + employee.Emp_Name + '&lt;/span&gt;&lt;span class="resultfields" style="padding-left:100px;"&gt;Category&amp;nbsp;:&lt;/span&gt;&amp;nbsp;&lt;span class="resultfieldvalues"&gt;' + employee.Desig_Name + '&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span id="SalaryBasis" class="resultfields"&gt;Salary Basis&amp;nbsp;:&lt;/span&gt;&amp;nbsp;&lt;span class="resultfieldvalues"&gt;' + employee.SalaryBasis + '&lt;/span&gt;&lt;span class="resultfields" style="padding-left:25px;"&gt;Salary&amp;nbsp;:&lt;/span&gt;&amp;nbsp;&lt;span class="resultfieldvalues"&gt;' + employee.FixedSalary + '&lt;/span&gt;&lt;span style="font-size:110%;font-weight:bolder;padding-left:25px;"&gt;Address&amp;nbsp;:&lt;/span&gt;&amp;nbsp;&lt;span class="resultfieldvalues"&gt;' + employee.Address + '&lt;/span&gt;&lt;/div&gt;').insertAfter('#ResultsDiv');
      }
  </code></pre>
  
  <p>There are 25 divs in my page. As a result, how do I show the first five divs in page <code>1</code> and so on?</p>
  
  <p>My <code>HfJsonValue</code> contains the following json data</p>
  
  <pre><code>{
      "Table": [{
          "Emp_Id": "3",
          "Identity_No": "",
          "Emp_Name": "Jerome",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Supervisior",
          "Desig_Description": "Supervisior of the Construction",
          "SalaryBasis": "Monthly",
          "FixedSalary": "25000.00"
      }, {
          "Emp_Id": "4",
          "Identity_No": "",
          "Emp_Name": "Mohan",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Acc ",
          "Desig_Description": "Accountant",
          "SalaryBasis": "Monthly",
          "FixedSalary": "200.00"
      }, {
          "Emp_Id": "5",
          "Identity_No": "",
          "Emp_Name": "Murugan",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Mason",
          "Desig_Description": "Mason",
          "SalaryBasis": "Weekly",
          "FixedSalary": "150.00"
      }, {
          "Emp_Id": "6",
          "Identity_No": "",
          "Emp_Name": "Ram",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Mason",
          "Desig_Description": "Mason",
          "SalaryBasis": "Weekly",
          "FixedSalary": "120.00"
      }, {
          "Emp_Id": "7",
          "Identity_No": "",
          "Emp_Name": "Raja",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Mason",
          "Desig_Description": "Mason",
          "SalaryBasis": "Weekly",
          "FixedSalary": "135.00"
      }, {
          "Emp_Id": "8",
          "Identity_No": "",
          "Emp_Name": "Raja kumar",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Mason Helper",
          "Desig_Description": "Mason Helper",
          "SalaryBasis": "Weekly",
          "FixedSalary": "105.00"
      }, {
          "Emp_Id": "9",
          "Identity_No": "",
          "Emp_Name": "Lakshmi",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Mason Helper",
          "Desig_Description": "Mason Helper",
          "SalaryBasis": "Weekly",
          "FixedSalary": "100.00"
      }, {
          "Emp_Id": "10",
          "Identity_No": "",
          "Emp_Name": "Palani",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Carpenter",
          "Desig_Description": "Carpenter",
          "SalaryBasis": "Weekly",
          "FixedSalary": "200.00"
      }, {
          "Emp_Id": "11",
          "Identity_No": "",
          "Emp_Name": "Annamalai",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Carpenter",
          "Desig_Description": "Carpenter",
          "SalaryBasis": "Weekly",
          "FixedSalary": "220.00"
      }, {
          "Emp_Id": "12",
          "Identity_No": "",
          "Emp_Name": "David",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Steel Fixer",
          "Desig_Description": "Steel Fixer",
          "SalaryBasis": "Weekly",
          "FixedSalary": "220.00"
      }, {
          "Emp_Id": "13",
          "Identity_No": "",
          "Emp_Name": "Chandru",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Steel Fixer",
          "Desig_Description": "Steel Fixer",
          "SalaryBasis": "Weekly",
          "FixedSalary": "220.00"
      }, {
          "Emp_Id": "14",
          "Identity_No": "",
          "Emp_Name": "Mani",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Steel Helper",
          "Desig_Description": "Steel Helper",
          "SalaryBasis": "Weekly",
          "FixedSalary": "175.00"
      }, {
          "Emp_Id": "15",
          "Identity_No": "",
          "Emp_Name": "Karthik",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Wood Fixer",
          "Desig_Description": "Wood Fixer",
          "SalaryBasis": "Weekly",
          "FixedSalary": "195.00"
      }, {
          "Emp_Id": "16",
          "Identity_No": "",
          "Emp_Name": "Bala",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Wood Fixer",
          "Desig_Description": "Wood Fixer",
          "SalaryBasis": "Weekly",
          "FixedSalary": "185.00"
      }, {
          "Emp_Id": "17",
          "Identity_No": "",
          "Emp_Name": "Tamil arasi",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Wood Helper",
          "Desig_Description": "Wood Helper",
          "SalaryBasis": "Weekly",
          "FixedSalary": "185.00"
      }, {
          "Emp_Id": "18",
          "Identity_No": "",
          "Emp_Name": "Perumal",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Cook",
          "Desig_Description": "Cook",
          "SalaryBasis": "Weekly",
          "FixedSalary": "105.00"
      }, {
          "Emp_Id": "19",
          "Identity_No": "",
          "Emp_Name": "Andiappan",
          "Address": "Madurai",
          "Date_Of_Birth": "",
          "Desig_Name": "Watchman",
          "Desig_Description": "Watchman",
          "SalaryBasis": "Weekly",
          "FixedSalary": "150.00"
      }]
  }
  </code></pre>
  
  <blockquote>
    <p><strong>See additional answers to duplicate of this question:</strong> </p>
    
    <p><a href="https://stackoverflow.com/questions/2507844/how-to-use-jquery-to-paginate-json-data">How to use jQuery to paginate JSON data?</a></p>
  </blockquote>