css - On hover pop up size limited within table data.How to display it completely? -

i using bootstrap on hover pop up(using data-toggle , data-content) in ng-repeat below .

<tr ng-repeat="row in docdetails">                     <td class="uploadeddocs"> {{row.enrollmentdocumenttypename}}</td>                     <td class="uploadeddocs">                         <div class="col-sm-2" data-toggle="popover" data-content="uploaded by:{{row.documentuploadedby}}  uploaded date :{{row.changeddatetime |   date:'dd-mmm-yyyy hh:mm:ss'}}" data-trigger="hover">                             {{row.filename}}                         </div>                     </td> 

now after added inside <td>, pop content getting limited td size, want pop displayed fully, , not restricted inside table data. suggestions?

i fix using data-container="body"