jQuery UIのSortableをTableで使用した際の横幅縮小を解消する方法

何が問題か

Sortableは、Tableタグでドラッグした際に横幅が小さくなる現象が発生します。
Tableタグ以外を使えばいいのですが、結構Tableで組みたいことも多いと思います。
そこで、Tableタグで横幅が小さくなる現象を解消します。

実装

これを入れれば解決

$(function(){
	function fixPlaceHolderWidth(event, ui){
		// adjust placeholder td width to original td width
		ui.children().each(function(){
			$(this).width($(this).width());
		});
		return ui;
	};
	
	$('.sortable').sortable({
		placeholder: 'ui-state-highlight',
		start: function(event, ui){
			ui.placeholder.height(ui.helper.outerHeight());
		},
		helper: fixPlaceHolderWidth
	});
});

デモ