Modern UI: Can't sort columns on statistics page and downloaded report

[zifter]

Prerequisites

• I am using the latest version of Locust
• I am reporting a bug, not asking a question

Description

In the new Web UI\Modern UI there is no ability to sort columns in statistics tab. It was possible in the old interface.

Command line

does not matter

Locustfile contents

does not matter

Python version

3.11

Locust version

2.18.1

Operating system

linux\chrome

[cyberw]

@andrewbaldwin44 is this something you could have a look at?

[andrewbaldwin44]

I wasn't even aware this was a feature! I think it's not very obvious that clicking on table columns will change how the table is displayed. There also appears to be some broken logic with the 'reverse' aspect of this feature:

var desc = false;

$("#stats .stats_label").click(function(event) {
    event.preventDefault();
    sortAttribute = $(this).attr("data-sortkey");
    desc = !desc;
    renderTable(window.report);
});

This code makes it so that when any column is clicked, the order is reversed (i.e. if you want to sort by method, then change your mind and sort by name, you would get reverse alphabetical order)

I would propose to do something such as a dropdown for sorting:

@cyberw @zifter What do you prefer? Do you prefer I re-introduce the logic from the old UI as is or could we consider an enhancement?

[zifter]

@andrewbaldwin44 I'm used to a pretty common UX pattern of sorting data in the table by clicking on the header. You can find it everywhere, for example - in Excel, Google Sheets, pgAdmin and etc.
As a good reference that describes a little bit about that UX pattern:

• https://pencilandpaper.io/articles/ux-pattern-analysis-enterprise-data-tables/#sorting-filtering-searching
• https://www.uxpin.com/studio/blog/table-ux/ (have a look at Column Sorting topic).

Here is a great example that I find very convenient to use (but lacks some important marks which are showing current ordering):
https://codepen.io/nandirchrd/pen/vYWBKxY

So, as for me, I prefer to reimplement old logic with the latest UX best practices).

[cyberw]

I think I prefer something like:

• First click (on any column) sort descending (like in old UI)
• Second click (on same column) sort ascending
• Third click (on same column) revert to default order

And a small indicator (up/down arrow) that the column is sorted.

But it is not urgent or anything.

[cyberw]

Fixed in 2.18.3!