DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<script src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<table id=prodlist class="table table-bordered table-striped">
  <thead>
      <tr><th>#</th></tr></thead>
  <tbody>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal" data-toggle="modal">edit</a></td></tr>
      <tr><td> <a href="#" data-target="#modal"...

JavaScript

var table = $("#prodlist").DataTable();