Pagination - Default

Column A	Column B	Column C	Column D
a	b	c	d

<table id="table1">
  <thead>
  <tr>
    <th>Column A</th><th>Column B</th><th>Column C</th><th>Column D</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>a</td><td>b</td><td>c</td><td>d</td>
  </tr>
  </tbody>
</table>

<script>
  $(function () {

    $("#table1").semiAutoTable({
      rowOption: false,
      pageOption: {
        currentPage: 3,
        rowsPerPage: 50,
        totalPages: 40,
        totalRows: 1995
      }
    }).on('pageChange', function(event, pageObject) {

      console.log(JSON.stringify(pageObject));
      $(this).semiAutoTable('updatePaginator', pageObject);

    });
  });
</script>

Pagination - Specify rows per page option

Column A	Column B	Column C	Column D
a	b	c	d

<table id="table2">
  <thead>
  <tr>
    <th>Column A</th><th>Column B</th><th>Column C</th><th>Column D</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>a</td><td>b</td><td>c</td><td>d</td>
  </tr>
  </tbody>
</table>

<script>
  $(function () {

    $("#table2").semiAutoTable({
      rowOption: false,
      pageOption: {
        currentPage: 3,
        rowsPerPage: 50,
        totalPages: 40,
        totalRows: 1995,
        rowsPerPageOptions: '50,55,60'
      }
    }).on('pageChange', function(event, pageObject) {

      console.log(JSON.stringify(pageObject));
      $(this).semiAutoTable('updatePaginator', pageObject);

    });
  });
</script>

Pagination - Disable

Column A	Column B	Column C	Column D
a	b	c	d

<table id="table3">
  <thead>
  <tr>
    <th>Column A</th><th>Column B</th><th>Column C</th><th>Column D</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>a</td><td>b</td><td>c</td><td>d</td>
  </tr>
  </tbody>
</table>

<script>
  $(function () {

    $("#table3").semiAutoTable({
      rowOption: false,
      pageOption: false
    })

  });
</script>