Test Case Boilerplate
Fork this way...
HTML
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div id="wrap">
<table cellpadding="0" cellspacing="0" border="0" id="example" width="100%">
<tbody>
<tr>
<td>td</td>
<td><img src="/" width="32" height="32"></td>
<td></td>
<td>some td</td>
</tr>
<tr>
<td>td</td>
<td><img src="/" width="32" height="32"></td>
<td></td>
<td>some td</td>
</tr>
<tr>
<td>td</td>
<td><img src="/" width="32" height="32"></td>
<td></td>
<td>some td</td>
</tr>
<tr>
<td>td</td>
<td><img src="/" width="32" height="32"></td>
<td></td>
<td>some td</td>
</tr>
<tr>
<td>td</td>
<td><img src="/" width="32" height="32"></td>
<td></td>
<td>some td</td>
</tr>
<tr>
<td>td</td>
<td><img src="/" width="32" height="32"></td>
<td></td>
<td>some td</td>
</tr>
<tr>
<td>td</td>
<td><img src="/" width="32" height="32"></td>
<td></td>
<td>some td</td>
</tr>
<tr>
<td>td</td>
<td><img src="/" width="32" height="32"></td>
<td></td>
<td>some td</td>
</tr>
<tr>
<td>td</td>
...
CSS
body {
overflow-y: scroll;
}
#wrap {
position: relative;
}
table {
width: 100%;
}
td {
border: 1px solid #aeaeae;
padding: 5px 15px;
}
JavaScript
$("#example tbody").sortable();