Making table rows sortable with jQuery

Making table rows sortable.

.sortable({
  axis: 'y',
  containment: 'parent',
  items: '> tr',
  handle: '.item-order-handle',
  placeholder: 'change-order-placeholder',
  tolerance: 'pointer'
 });

.ui-sortable-helper {
  display: table;
}

Notes

• Need to explicitly set the column widths in your TD tags (using <col width=”20″> doesn’t pass on to the helper)

References

• stackoverflow.com/questions/2511391/jquery-ui-sortable-unable-to-drag-elements-to-the-bottom-of-a-connected-list-c