JSFiddle - React, Tailwind, and code Playground

by Brandon Shelley

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.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

table.table tr td div.btn-group { display:none;}
table.table tr:hover td div.btn-group { display:inline-block;}