In other views, you have to create various queries to get the results you want and change sorting, but the backlog view is a simple listing of team tasks and doesn't require extra steps. The only problem is that you can't sort the columns. I'm aware it's designed to be ordered and is displayed as such, but if I want to sort by columns, I should be able to.
Example board:
To fix this, I started with a simple script to add classes to the columns like so:
function addSort(clicked){
if ($(clicked).hasClass('up'))
$(clicked).addClass('down').removeClass('up')
else if ($(clicked).hasClass('down'))
$(clicked).addClass('up').removeClass('down')
else{
// Clear all sorts
$('.grid-header-column').removeClass('up').removeClass('down');
// Sort up by default
$(clicked).addClass('up');
}
}
$('.grid-header-column').click(function(){
// defined as a function for easy testing because functions can be easily redefined on the fly through the console and jquery can't
addSort(this)
})
And it works... sort of. What I discovered is that, as you scroll, the content that is off the screen loads on the fly and also UNLOADS. For some reason, they decided that only the stuff that can fit on your screen should be displayed and it's making it impossible to hack the columns and manually sort them with javascript.
Is there a method I'm not thinking of to make this work? Some kind of hack to force ADO to show all the content at once on the page and leave it alone so I can work with it? Or, better yet, some way to trigger sortable columns on this view?
