JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<thead>
    <tr><th class="controls">&nbsp;</th><th>id</th><th>Date</th><th>Client</th></tr>
<thead>
<tbody>
    <tr><td class='controls'><a href="">del</a> <a href="">edit</a></td><td>00001</td><td>21/12/2012</td><td>Some Client</td></tr>
    <tr><td class='controls'><a href="">del</a> <a href="">edit</a></td><td>00002</td><td>21/12/2012</td><td>Some Client</td></tr>
    <tr><td class='controls'><a href="">del</a> <a href="">edit</a></td><td>00003</td><td>21/12/2012</td><td>Some Client</td></tr>
    <tr><td class='controls'><a href="">del</a> <a href="">edit</a></td><td>00004</td><td>21/12/2012</td><td>Some Client</td></tr>
</tbody>
</table>

CSS

table th{
    width:80px;
}
table th.controls{
    width:60px;
}

table td.controls{
    visibility:hidden;
}

table tr:hover td.controls{
    visibility:visible;
}