• chart - needs more work to be compatible.
• columnSelector - needs more work - making this compatible will require significant changes to the dragtable core.
• saveSort - this saves the newly moved sorted column properly, but on page reload the column order is restored so it sorts the incorrect column.
• scroller - way too much work to make this compatible.
• stickyHeaders - needs more work - can't get the drag handle in the cloned sticky header from passing the mousedown on to the original drag handle.

$('table')
  .dragtable({ sortClass: '.sorter' }) // this is already the default value
  .tablesorter({ selectorSort: '.sorter' }); // this default value is 'th, td'

Set parser by data-attribute or header class

<tr>
	<th class="col-id" data-sorter="digit">...</th> <!-- parser set by data-attribute -->
	<th class="col-name drag-enable sorter-text">...</th> <!-- parser set by header class -->
	<th class="col-date drag-enable">...</th> <!-- parser set by headers option (see below) -->
</tr>

Or, set parser by headers option

$('table').tablesorter({
	headers : {
		'.col-date' : { sorter : 'shortDate' }
	}
});

<tr>
	<th class="col-id" data-sorter="digit">
		<div class="table-handle-disabled"></div>
		<!-- clicking on the "sort" wrapper below will not trigger a sort, because the cell is not set to sort -->
		<div class="sorter">9999</div>
	</th>
	<th class="col-name sorter-text drag-enable">
		<div class="table-handle"></div>
		<div class="sorter">Name</div>
	</th>
	<th class="col-date drag-enable">
		<div class="table-handle"></div>
		<div class="sorter">1/1/2015</div>
	</th>
</tr>