JSFiddle - React, Tailwind, and code Playground

by Rob Sedgwick

HTML

<!DOCTYPE html>
<html>

  <head>
    <title>server-side-pagination</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="//issues.wenzhixin.net.cn/bootstrap-table/assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="//issues.wenzhixin.net.cn/bootstrap-table/assets/bootstrap-table/src/bootstrap-table.css">
    <link rel="stylesheet" href="//issues.wenzhixin.net.cn/bootstrap-table/assets/examples.css">
    <script type="text/javascript" src="//ff.kis.v2.scr.kaspersky-labs.com/C6CCF504-403B-494A-9848-D95995B548FD/main.js" charset="UTF-8"></script>
    <script src="//issues.wenzhixin.net.cn/bootstrap-table/assets/jquery.min.js"></script>
    <script src="//issues.wenzhixin.net.cn/bootstrap-table/assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="//issues.wenzhixin.net.cn/bootstrap-table/assets/bootstrap-table/src/bootstrap-table.js"></script>
    <script src="//issues.wenzhixin.net.cn/ga.js"></script>
  </head>

  <body>
    <div class="container">
      <h1>Server Side Pagination</h1>
      <p>Use <code>sidePagination: 'server'</code> option to define the server side pagination of table.</p>
      <table id="table" data-toggle="table" data-url="/examples/bootstrap_table/data" data-height="400" data-side-pagination="server" data-pagination="true" data-page-list="[5, 10, 20, 50, 100, 200]" data-search="true">
        <thead>
          <tr>
            <th data-field="state" data-checkbox="true"></th>
            <th data-field="id">ID</th>
            <th data-field="name">Item Name</th>
            <th data-field="price">Item Price</th>
          </tr>
        </thead>
      </table>
    </div>
    <script>
      var $table = $('#table');

      $(function() {});

    </script>
  </body>

</html>