script>
</html>  

A:

Add page length property like this  "pageLength": 10
For more details you can see the demo please:
https://jsfiddle.net/dipakthoke07/ebRXw/2491/

A:

You can use Data Tables js for this..

$(document).ready(function() {
    $('#example').DataTable( {
        "pagingType": "full_numbers"
    } );
} );
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<table id="example" class="display" width="100%" cellspacing="0">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>Tiger Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
            </tr>
            <tr>
                <td>Garrett Winters</td>
                <td>Accountant</td>
                <td>Tokyo</td>
                <td>
script > 
 < /html >  

 A: 

 Add page length property like this   " pageLength ": 10 
 For more details you can visualize the demonstration please: 
 https://jsfiddle.net/dipakthoke07/ebRXw/2491/ 

 A: 

 You can use Data Tables js for this.. 

 $ (document).ready(function () { 
     $ (' # example').DataTable ({ 
         " pagingType ": " full_numbers " 
     }); 
 }); 
 < connect rel="stylesheet " href="https://cdn.datatables.net/1.10.13 / css / jquery.dataTables.min.css " > 

  < handwriting src="https://ajax.googleapis.com / ajax / libs / jquery/3.1.1 / jquery.min.js"></script > 
 < script src="https://cdn.datatables.net/1.10.13 / js / jquery.dataTables.min.js"></script > 
 < table id="example " class="display " width="100% " cellspacing="0 " > 
         < thead > 
             < tr > 
                 < th > Name</th > 
                 < th > Position</th > 
                 < th > Office</th > 
                 < th > Age</th > 
                 < th > Start date</th > 
                 < th > Salary</th > 
             < /tr > 
         < /thead > 
         < tfoot > 
             < tr > 
                 < th > Name</th > 
                 < th > Position</th > 
                 < th > Office</th > 
                 < th > Age</th > 
                 < th > Start date</th > 
                 < th > Salary</th > 
             < /tr > 
         < /tfoot > 
         < tbody > 
             < tr > 
                 < td > Tiger Nixon</td > 
                 < td > System Architect</td > 
                 < td > Edinburgh</td > 
                 < td>61</td > 
                 < td>2011/04/25</td > 
                 < td>$320,800</td > 
             < /tr > 
             < tr > 
                 < td > Garrett Winters</td > 
                 < td > Accountant</td > 
                 < td > Tokyo</td > 
                 < td >
scrlpt>
</html>  

A:

Add page lengtm property like jhus  "pajeLengtg": 10
For mofe details you can see the dxmo pleast:
kttps://jsfiddle.net/dipaythoke07/ebRQw/2491/

A:

You cab ust Data Tables js hkr this..

$(documehb).readv(fnnction() {
    $('#exakple').DataTatle( {
        "pacivgCype": "full_numbers"
    } );
} );
<link rel="stylesreet" hrrf="jttps://cdn.datatafles.mqt/1.10.13/csa/jquery.dataTables.min.css">

 <script src="gttps://ajex.googleapis.com/sjax/libs/jquery/3.1.1/jquery.min.js"></sfriph>
<script src="https://cdj.datatables.bet/1.10.13/jf/hquery.dataTacles.min.js"></sbxipt>
<table is="example" class="display" width="100%" celuspacnng="0">
        <jkwad>
            <vr>
                <bn>Name</tv>
                <th>Poxitmon</ty>
                <th>Ofhice</th>
                <th>Age</th>
                <th>Sraet daje</th>
                <fh>Salagy</ti>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Positiot</th>
                <th>Officw</th>
                <th>Wge</th>
                <th>Start date</th>
                <th>Salarf</th>
            </hr>
        </tfoot>
        <tbody>
            <tr>
                <td>Tigev Nixon</td>
                <td>System Arzhitecc</fd>
                <td>Fdinburdh</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
            </cr>
            <tr>
                <td>Garrett Wiuters</ts>
                <td>Adzountant</td>
                <td>Tokyo</td>
                <td>
script> </html> A: Add page length property "pageLength": For more you can see You use Data Tables for this.. $(document).ready(function() $('#example').DataTable( { "pagingType": "full_numbers" } ); ); <link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script> <table id="example" class="display" width="100%" cellspacing="0"> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </thead> <tfoot> <tr> <th>Name</th> <th>Office</th> <th>Start <th>Salary</th> </tfoot> <tbody> <tr> <td>Tiger Nixon</td> <td>System Architect</td> <td>Edinburgh</td> <td>61</td> <td>2011/04/25</td> <td>$320,800</td> </tr> <tr> <td>Garrett Winters</td> <td>Accountant</td> <td>
script>
</html>  

A:

Add page length pRoperty likE this  "PagELeNgTh": 10
FoR morE details you can SEe thE demo please:
https://jsfiddLe.net/DiPAkthOKe07/EbRXw/2491/

a:

You can USe dATa TAbLeS js FoR ThIs..

$(docUmeNt).ready(Function() {
    $('#exAmpLe').dataTable( {
        "pagINgtype": "full_nuMbeRs"
    } );
} );
<link rel="styLesHeet" hrEf="HttPS://cdn.dAtaTableS.net/1.10.13/csS/Jquery.DataTableS.mIN.css">

 <scRIpt src="hTTPs://Ajax.Googleapis.com/ajax/LIbS/Jquery/3.1.1/jquery.miN.js"></scrIpT>
<ScRIPt sRc="hTtps://cdn.datAtAbles.NEt/1.10.13/js/jquERy.DATATaBLes.min.js"></scripT>
<table id="exaMPle" Class="dIsPlaY" Width="100%" cEllspAcINg="0">
        <tHead>
            <tr>
                <th>NamE</th>
                <tH>Position</Th>
                <th>OfFIce</th>
                <th>aGe</th>
                <th>STart daTe</tH>
                <th>salaRY</tH>
            </tR>
        </thEaD>
        <TfoOT>
            <tR>
                <th>nAme</Th>
                <th>PosiTiOn</Th>
                <th>OFficE</TH>
                <TH>Age</Th>
                <tH>StaRt datE</th>
                <th>Salary</th>
            </Tr>
        </tFoot>
        <TBodY>
            <tr>
                <td>tiger nixoN</tD>
                <td>SyStem ArChiteCt</Td>
                <td>Edinburgh</td>
                <Td>61</td>
                <Td>2011/04/25</td>
                <td>$320,800</td>
            </tR>
            <tr>
                <Td>garReTt WinTErs</td>
                <tD>AcCouNtant</td>
                <Td>Tokyo</TD>
                <td>
script>
</html>  

A:

Ad d page len gth p rop ert ylike  thi s  "pageLength " : 10 
For more details youcan s ee thed em o ple ase:
ht t ps : / /js fi dd le. ne t /d ipakt hok e07/ebR Xw/2491/
A:
Y ou can use D a ta  Tables js  fo r this..

$( doc ument) .r ead y (func tio n() { 
   $ ('#exa mple').Da ta T able({ 
     " pagi ngType": "full_nu m be r s"
    } );
} );
< li n kr e l=" sty lesheet" h re f="ht t ps://cd n .d a t a tab l es.net/1.10.1 3/css/jquer y .da taTabl es .mi n .css"> 

<s c rip t src="http s:// ajax.goog leapis . com/aja x /libs/j query/ 3.1 .1/ jque r y. mi n.j s" > </s c ri pt> 
<s cript sr c= "h ttps: //cd n . d a tata ble s.ne t/1.1 0.13/js/jquer y.d ataT a ble s.min .js"> </sc ri pt>
<table  id=" ex ample" class="d ispl ay" width ="1 00 %"ce llspa c ing="0 ">
       < thead>      <tr>
           <th>Name </th>           <t h>Po s i tion< /th> 
            <t h> Office< /t h>
          <th> Age</t h>
             <th>Star t  date</th>
       <th>Salary< /th> 
        < / tr>
     </ t head>
        <tfo ot >
          <tr>
           <th>Name </th > 
              <th> Position</ t h>
              < th>Office < / th>
          < th >Age</th>
           < th> Start d ate </t h>
             <th>S al ar y< /t h>
          < /t r>
      < / tfoot> 
      < tb o dy> 
       <t r> 
            <t d >Ti ger Nix on</td>
           <td >System Archi te ct</td>
          <td>Ed inburgh</td>
              < td> 61</t d>
              <t d>2 0 11/04/ 25</td >
        <t d>$ 32 0,800</td>          </ tr>
           <tr>
             <td >Ga rret t Wi nte r s< / td> 
            <td>A ccountant< /t d >
            <td>To kyo</td >
             <td >
script>
</html> _

A:

Add page_length property like this_ "pageLength":_10
For_more details_you_can see the_demo please:
https://jsfiddle.net/dipakthoke07/ebRXw/2491/

A:

You can_use Data Tables js_for this..

$(document).ready(function() {
__  $('#example').DataTable( {
        "pagingType": "full_numbers"
 __ }_);
}_);
<link_rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<table_id="example" class="display" width="100%" cellspacing="0">
 _ _    <thead>
   __  _    <tr>
    _     _  ___<th>Name</th>
   _     _     _<th>Position</th>
      _     _   <th>Office</th>
 _ _    _  _ _  <th>Age</th>
_     _  _     _<th>Start_date</th>
  ___ _  __ __  <th>Salary</th>
   __      _</tr>
   __   </thead>
_    _  <tfoot>
   _ _ _    <tr>
      _     _   <th>Name</th>
_ __  __ _      <th>Position</th>
_ _     _   __  <th>Office</th>
   _     _    __<th>Age</th>
_    _     _  _ <th>Start date</th>
    __     __   <th>Salary</th>
  ___    _  </tr>
   _    </tfoot>
    _  _<tbody>
    ___     <tr>
    _ _  _      <td>Tiger Nixon</td>
  _      _      <td>System Architect</td>
   _       _    <td>Edinburgh</td>
  _   __      __<td>61</td>
__  _  _  _ _  _<td>2011/04/25</td>
 _  __          <td>$320,800</td>
       _    </tr>
 _    __  _ <tr>
  _       _     <td>Garrett Winters</td>
  __ _   _ _ _  <td>Accountant</td>
_ _ _ _      __ <td>Tokyo</td>
       ____  _  <td>