Benchmark Table Lacks Clear Default Sorting Behavior

[anjaliii255]

While exploring thebenchmark.html page, I noticed that the trial samples table doesn’t seem to follow any specific sort order and there’s no way to sort the columns manually either.

Right now:

• The rows appear in the order they’re rendered from the backend
• There’s no clear default sorting (e.g., by coverage, trial ID, crashes, etc.)
• Users can’t re-sort columns to quickly find the most relevant trials

This makes it a bit tricky to compare results — especially when the list gets long.

A couple of improvements I had in mind:

• Add a default sort (maybe by coverage or trial ID)
• Allow clickable column headers for sorting (e.g., coverage, crashes)
• Optional: a small icon to show sort direction

Would love to know if this sounds like a useful addition!
If it seems reasonable, I’d be happy to start working on a small PR for it.

[revanthchristober]

Hi @anjaliii255, thanks for filing this! I agree that having a clear default sort and on-the-fly column sorting would make the benchmark table much more usable, especially on long lists.

Here’s what I’m thinking:

Pick a sensible default sort—e.g. descending by max coverage (so the most interesting runs bubble to the top), or ascending by trial ID if that’s more consistent.

Enhance report/templates/benchmark.html to include a lightweight table-sorting library (like List.js or vanilla JS) so column headers become clickable. We can add a small ▲▼ icon to indicate sort direction.

Update our CSS/JS bundle (in report or static) to load the sorter and wire it to the table.

Add a tiny unit-test to verify the default order when generating the static HTML via python -m report.web.

If that approach sounds good to you, I’d be happy to draft a PR:

Set default sort key to coverage (descending)

Integrate List.js (or write ~10 lines of vanilla JS)

Add sort icons and hover tooltips

Let me know your thoughts or if you’d prefer a different default column.