datatable

by Swetalina

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="<?=base_url('assets/css/app.css')?>">
	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<table class="table table-hover" id="myTable">

  <thead>
    <tr>
      <th>Sl No.</th>
      <th>ID</th>
      <th>Name</th>
      <th>Phone</th>
      <th>Email</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>2</td>
      <td>40</td>
      <td><a href="http://demo.ratnatechnology.co.in/genie/admin/customer_details/40">bapjr</a></td>
      <td>1236547071</td>
      <td>[email protected]</td>

    </tr>
    <tr>
      <td>3</td>
      <td>39</td>
      <td><a href="http://demo.ratnatechnology.co.in/genie/admin/customer_details/39">bapjr</a></td>
      <td>12365470713</td>
      <td>[email protected]</td>

    </tr>

  </tbody>


</table>
<script
  src="https://code.jquery.com/jquery-1.12.4.js"
  integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
  crossorigin="anonymous"></script>
  
<script src="<?=base_url('assets/js/app.js')?>"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>

</body>
</html>

JavaScript

$(document).ready(function() {
  //$.noConflict();
  $('#myTable').DataTable();
});