JSFiddle - React, Tailwind, and code Playground

by guyisra

HTML

<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<div class="container-fluid">
    <div class="row-fluid">
        <br/>
        <table class="table table-bordered">
            <tr>
                <td>Data
                    <div class="btn-group pull-right">	<a class=" btn-mini" href="#"><i class="icon-plus"></i></a>
	<a class=" btn-mini" href="#"><i class="icon-edit"></i></a>
	<a class=" btn-danger btn-mini" href="#"><i class="icon-white icon-remove"></i></a>

                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>

CSS

.btn-group {
    visibility:hidden;
}
table tr:hover .btn-group {
    visibility:visible;
}

JavaScript

$(".btn-group a").hover(function () {
    $(this).addClass("btn");
}, function () {
    $(this).removeClass("btn");
}

);