jQuery UI - Selectable (Table)

HTML

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<table>
    <tr>
        <td>aaa</td>
        <td>one</td>
    </tr>
    <tr>
        <td>aaa</td>
        <td>one</td>
    </tr>
    <tr>
        <td>aaa</td>
        <td>one</td>
    </tr>
    <tr>
        <td>aaa</td>
        <td>one</td>
    </tr>
</table>

CSS

.ui-selecting td { 
    background: gold; 
}
.ui-selected td { 
    background: gold; 
}

table {
    margin: 50px;
}

td {
    padding: 10px;
    background: yellowgreen;
    border: 1px solid black;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px solid #CCC;
    background: rgba(200, 200, 200, .5);
}

JavaScript

$( "table" ).selectable({
    filter: 'tr'
});