Custom Admin Columns Mess Up Post Ordering

I am having the same problem. Is there a fix for this, please?

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)

There is an updated version here:

https://github.com/EarthmanWeb/intuitive-custom-post-order/blob/fix-custom-columns-sort/js/hicpo.js

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 ??

For anyone who doesn’t know how to use this, you copy the code from github link then ftp into your plugins folder and navigate to /plugins/intuitive-custom-post-order/js/ where you will find a file titled “hicpo.js”. Just replace the contents of this file with the copied code and save. Wha La! ??

Thanks for the fix Earthman!

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!