JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<table border='1'>
<thead>
  
</thead>
<tbody ng-repeat="dis in distritos ">
                    <tr>
                      <td>{{dis.idDistrito}}</td>
                      <td>{{dis.nome}}</td>
                      <td>{{dis.codigoDne}}</td>    
                     <td><a href="#" data-toggle="popover" title="teste" data-trigger="hover" data-content="Some content inside the popover">Toggle popover</a>

                    </td>
            </tr>  
      </tbody>
</table>

JavaScript

$(document).ready(function(){
		$('[data-toggle="popover"').on('click',function(){
        $(this).popover();   
    })
});