datatable example

by jeffxiao

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.15/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.15/css/jquery.dataTables.css">
      <table id="example" class="display" cellspacing="0" width="100%">
        <thead>
          <tr>
            <th>Username</th>
            <th>Compared?</th>
          </tr>
        </thead>

      </table>

JavaScript

$(document).ready(function() {
    $('#example').DataTable( {
        "language": {
            "lengthMenu": "Display _MENU_ records per page",
            "zeroRecords": "zeroRecords: Nothing found - sorry",
            "info": "Showing page _PAGE_ of _PAGES_",
            "infoEmpty": "infoEmpty: No records available",
            "infoFiltered": "(filtered from _MAX_ total records)",
            
            "paginate": {
              "previous": "&lt;",
              "next": "&gt;"
            }            
        }
    } );
} );