JSFiddle - React, Tailwind, and code Playground

by Hifni Nazeer

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>
<table class='table'>
    <thead>
        <tr>
            <th>c1</th>
            <th>c2</th>
            <th>c3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                 <div>
                     <a class="my1" href="#">Pop</a>  
                </div>
            </td>
            <td>row 1</td>
            <td>100</td>
        </tr>
        <tr>
            <td>
            </td>
            <td>row 2</td>
            <td>250</td>
        </tr>
        <tr>
            <td>
                <a class="my1" href="#">x</a>
            </td>
            <td>row 3</td>
            <td>90</td>
        </tr>
    </tbody>
</table>

CSS

my1 {
    padding: 20px;
}

JavaScript

$(document).ready(
	function(){      
   		$('.my1').popover();     
    });
);