Custom Admin Columns Mess Up Post Ordering

Here is a fix that I came up with today:

*note, this fix will break when you update the plugin, unless the author includes this in their next update :

(function($){

	var fixStart = function(e, ui) {
		// this will make the transition smoother by making the placeholder the same height
		ui.placeholder.height(ui.item.height());
	};

	var fixHelper = function(e, ui) {
		// this doesn't work properly at the bottom where it was..so I moved it to the top
		ui.children().children().each(function() {
			$(this).width($(this).width());
		});
		return ui;
	};

	// posts

	$('table.posts #the-list, table.pages #the-list').sortable({
		'items': 'tr',
		'axis': 'y',
		'start': fixStart,
		'helper': fixHelper,
		'update' : function(e, ui) {
			$.post( ajaxurl, {
				action: 'update-menu-order',
				order: $('#the-list').sortable('serialize'),
			});
		}
	});
	//$("#the-list").disableSelection();

	// tags

	$('table.tags #the-list').sortable({
		'items': 'tr',
		'axis': 'y',
		'start': fixStart,
		'helper': fixHelper,
		'update' : function(e, ui) {
			$.post( ajaxurl, {
				action: 'update-menu-order-tags',
				order: $('#the-list').sortable('serialize'),
			});
		}
	});
	//$("#the-list").disableSelection();

	// this will add static widths to the header cells,
	// to avoid shifting width on drag when using custom columns
	$(document).ready(function(){
		$('.wp-list-table thead th, .wp-list-table thead td')
			.each(function(){
				$(this).css('width', $(this).width());
			});
	});

})(jQuery)

Thank you for the fix ! That bug was really annoying 🙂

Hope the author will include that kind of fix in the next update.

Anyway, great plugin 🙂

You’re most welcome @adrianlamotte and @trishadee

Thanks, Trishah, for the added documentation. 🙂

I posted a note to the plugin author today on github, hopefully it will get merged in sometime soon, because this is a super great plugin, for sure!