Draggable list

HTML

<div class="columnSelector"><div class="columnSelector-boundaryPanel" style="position: relative; overflow: hidden;"><table cellspacing="0" cellpadding="0" class="columnSelector-columnPanel"><tbody class="ui-sortable"><tr><td align="left" style="vertical-align: top;"><table cellspacing="0" cellpadding="0" class="checkbox-drag"><tbody><tr><td align="left" style="vertical-align: top;"><span class="gwt-CheckBox"><input type="checkbox" value="on" id="gwt-uid-236" tabindex="0" checked=""><label for="gwt-uid-236"></label></span></td><td align="left" style="vertical-align: top;"><div class="gwt-Label drag-handle">Status</div></td></tr></tbody></table></td></tr><tr><td align="left" style="vertical-align: top;"><table cellspacing="0" cellpadding="0" class="checkbox-drag"><tbody><tr><td align="left" style="vertical-align: top;"><span class="gwt-CheckBox"><input type="checkbox" value="on" id="gwt-uid-237" tabindex="0" checked=""><label for="gwt-uid-237"></label></span></td><td align="left" style="vertical-align: top;"><div class="gwt-Label drag-handle">Assigned tenancies</div></td></tr></tbody></table></td></tr><tr><td align="left" style="vertical-align: top;"><table cellspacing="0" cellpadding="0" class="checkbox-drag"><tbody><tr><td align="left" style="vertical-align: top;"><span class="gwt-CheckBox"><input type="checkbox" value="on" id="gwt-uid-238" tabindex="0" checked=""><label for="gwt-uid-238"></label></span></td><td align="left" style="vertical-align: top;"><div class="gwt-Label drag-handle">Last Update by</div></td></tr></tbody></table></td></tr><tr><td align="left" style="vertical-align: top;"><table cellspacing="0" cellpadding="0" class="checkbox-drag"><tbody><tr><td align="left" style="vertical-align: top;"><span class="gwt-CheckBox"><input type="checkbox" value="on" id="gwt-uid-239" tabindex="0" checked=""><label for="gwt-uid-239"></label></span></td><td align="left" style="vertical-align: top;"><div class="gwt-Label...

CSS

body {
  margin: 10px;
}

ul,li {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

JavaScript

$(function() {
    $( ".ui-sortable" ).sortable(
    	containment: 'parent'
    );
    $( ".ui-sortable" ).disableSelection();
  });