Listing 1. table.html

<html>
 <head>
  <title>Testing tables</title>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="jquery.dataTables.js"></script>
  <script type="text/javascript">
    $(document).ready(function () {
        $('#people-table').dataTable();
      });
  </script>
 </head>

 <body>
  <h1>Testing tables</h1>
  <table id="people-table">
    <thead>
      <tr>
        <th>ID</th>
        <th>Last Name</th>
        <th>First Name</th>
        <th>City</th>
        <th>Balance</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td>Lerner</td>
        <td>Reuven</td>
        <td>Modi'in</td>
        <td>100</td>
      </tr>
      <tr>
        <td>2</td>
        <td>Barack</td>
        <td>Obama</td>
        <td>Washington</td>
        <td>750000000</td>
      </tr>
      <tr>
        <td>3</td>
        <td>Bush</td>
        <td>George</td>
        <td>Dallas</td>
        <td>-1000000000</td>
      </tr>
    </tbody>
  </table>
 </body>
</html>

