Basic DataTable setup

Basic DataTable setup

by Saurabh Misra

HTML

<!DOCTYPE html>
<html>

  <head>
    <title>Basic DataTable setup</title>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jq-3.3.1/dt-1.10.23/datatables.min.css" />

    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/jq-3.3.1/dt-1.10.23/datatables.min.js"></script>
  </head>

  <body>
    <table class="table stripe my-table">
      <thead>
        <tr>
          <th>Name</th>
          <th>Email</th>
          <th>Gender</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Saurabh Misra</td>
          <td>[email protected]</td>
          <td>Male</td>
        </tr>
        <tr>
          <td>Arpita Misra</td>
          <td>[email protected]</td>
          <td>Female</td>
        </tr>
        <tr>
          <td>Nandini Misra</td>
          <td>[email protected]</td>
          <td>Female</td>
        </tr>
      </tbody>
    </table>
  </body>

</html>

JavaScript

$(document).ready(function() {
  $("table.my-table").DataTable({});
});