JSFiddle - React, Tailwind, and code Playground

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 btn-mini" href="#"><i class="icon-plus"></i></a>
						<a class="btn btn-mini" href="#"><i class="icon-edit"></i></a>
						<a class="btn btn-danger btn-mini" href="#"><i class="icon-white icon-remove"></i></a>
					</div>
				</td>
			</tr>
		</table>
    </div>
</div>

CSS

.btn-group {
    opacity: 0;
}

JavaScript

$(document).ready(function(){
    $('tr').on({
		mouseenter: function(){
			$(this).find('.btn-group').fadeTo('fast',1)
		},
		mouseleave: function(){
			$(this).find('.btn-group').fadeTo('fast',0);
		}
	})
});