DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="container">  
    <a href="#" class="custom-tooltip" data-toggle="tooltip" xdata-placement="right" data-html="true"  title="" 
    data-title="<div class='row ballon-tooltip'>
           <ul>
                      <li>  <b>title</b>:{{o.title}}</li>
                      <li>  <b>client name</b>:{{o.client_name}} </li>
                      <li>  <b>description</b>:{{o.description}}</li>
                      <li>  <b>dev tool</b>:{{o.primary_develop}}</li>
           </ul>
                </div>">
<img ng-src="../public/images/{{o.thumbnail}}" class="img-responsive base_image" alt="{{o.description}}"></a></li>

</div>

CSS

body {
    margin: 100px;
}

ul {
  list-style-type : square;
}
li {
  color: red;
}

JavaScript

$(document).ready(function(){
                    $('[data-toggle="tooltip"]').tooltip();   
                });