I have a table view with some data and I'm allowing users to sort on multiple columns. I wonder what are the options for indicating sorting precedence?

The obvious is to display a number right beside the sorting arrow. E.x like adobe flex does.

What other alternatives would you suggest? I've also made a tool-tip available with sorting information when user hovers over the column header.

3 Answers 3


It depends on how many levels of sorting you need. I've experimented with using the size of the sorting arrow as indication:

enter image description here

and also with its position:

enter image description here

but these only hold up when you have up to three levels.

There's also the way MS Outlook indicates grouping:

enter image description here

It's a nice idea. They way they implemented it takes too much space, but that's because it's also used as the target area for drag-and-drop grouping customization. It could be designed to be much smaller.

Another approach is having the sorting order affect the order of columns, so that the primary sorting becomes the first column and so on. It's a bit aggressive and restrictive, but the principle itself is very easy to grasp and work with.

  • Thanks for the examples. I also thought about the arrow size but since there can be more than three colors, this option is out. Most likely I'll stick with numbered identification :) since it's most clear from the first glimpse.
    – Robertas
    Dec 9, 2011 at 13:16
  • Just a sidenote, in a testing session, which was about something different, users struggled with that MS Outlook sorting order. So I wouldnt recommend to take this approach. Even me, I needed some time to understand how it works and how to delete this filters.
    – FrankL
    Dec 18, 2011 at 10:12
  • @FrankL Thanks - I definitely agree that it's not very intuitive, but the question is whether there's a better solution... Dec 18, 2011 at 12:07

How about just write it in text right above the table? Sorted by X then Y then Z?


Depending on how much space you have you could just explicitly tell the user what's going on. Here is suggested mockup:

enter image description here

The little purple arrows are butcon toggles which will reverse the sort order when clicked. The user is able to change the sorting dimension by selecting something other than Tenure or Role via the dropdown control.

The only issue with this approach is that you up front show the multi-column sorting set-up, which might really be a rare use case for a lot of users. A slightly different approach would be show the 'first sort/then sort' labels once the user actually chooses a sort order on a given column.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.