Do you know of any aesthetically-pleasing and effective ways of indicating that a table's contents have been filtered, without the filter information getting in the way?

Some background on my particular app...

We've got data tables throughout our app -- sometimes, more than one per screen -- and each of these tables can be filtered independently. That is, the user can set up a filter to show/hide rows based on categories they've assigned to the row items e.g. show all items categorised as both 'important' and 'mine' unless they've also been categorised as 'old'.

Due to the flexibility and complexity of the filters, they're set up in a separate, modal dialog, which has room for in-place help. We simply can't afford to use up valuable real estate by having the filtering options permanently visible. It would add significantly to visual clutter.

All of this stuff works, but we've found that people sometimes forget they've got a filter applied and then make decisions / take actions based on false assumptions about their data. To prevent this, we figure we need to indicate that the user may not be looking at their full data set (when a filter's applied). But, as stated earlier, we really can't afford to clutter the screen with the details of the filter itself.

Our current implementation
For the record, here's the UI we currently have:

The filter indicator, as it stands

It's the "Tag filter applied" panel, btw, not the text-box to the right as well. It's cumbersome, to say the least.

Examples in the wild
The only example of this kind of UI that I can recall is in Microsoft Outlook 2003(?). They had a rather poor implementation, in which the status bar simply held a bit of text saying "Filter applied". This was practically invisible to most people, so wouldn't address the problem. I guess MS got away with it because, in their case, people rarely edited the filter, which isn't the case for my users.

Do you know of any better examples? Or do you have any good ideas of your own?

  • 4
    I actually like your existing implementation, the fact that its big and in-your-face make's you less likely to make mistakes - it's a great design, some elements have to stand out to be effective (even if it makes the page a little less esthetically pleasing)
    – Nir
    Oct 25, 2010 at 13:13

3 Answers 3


I agree with @Nir that what you currently have is functional. It is difficult to miss the fact that not all records may be visible. What I don't like is the uncertainty, i.e. how you state that "proteins may be hidden". Are they hidden or not?

This screen snapshot describes a couple of different ways of doing it:

alt text

The record count is shown on top, along with information on whether a tag filter is applied or not. But, if the user scrolls all the way down, they will also see Post-It note-style information that really cannot be missed! This might be overkill though. Also, I put the Edit button only because you had it in your screen snapshot, but I find it duplicative.

Regarding the top part:

  • To make it more likely that your users will pay attention to the message "40/150 records etc.", I would suggest completely hiding it when all records happen to be visible. In other words, don't show "150/150 records".

  • The gears menu can be used for related functionality like "Disable Tag Filter" and "Reapply Tag Filter".

I hope this helps.

  • Great answer. I'm not happy with the uncertainty in the "may" either, but I'm told there are technical reasons why we can't reliably give an accurate number. At least, I think that was the excuse. ;) Either way, it'd probably be better off with a message that's more definite, or with no such message at all.
    – Mal Ross
    Oct 27, 2010 at 8:32
  • BTW, I'm tempted to accept this answer now, but I'll leave it a week to see what other answers come along. Oh, and thanks for taking the time to mock-up a screenshot based on my actual app's data! :)
    – Mal Ross
    Oct 27, 2010 at 8:34
  • You're welcome. Regarding the uncertainty, the main thing is to let the user know that she is looking at a partial set only.
    – Hisham
    Oct 27, 2010 at 23:47
  • This is very similar to what I do both in concept and execution, except that instead of "tag filter applied" I tell the user what filter is in effect: 26 of 8730 filter = "*amide" which is useful when the filter onscreen has been edited but not yet applied. I really love your end-marker post-it note.
    – Peter Wone
    Apr 26, 2015 at 23:46

I know Gmail has this same issue, that is when you search emails and apply a label to only those on screen it ask if you like to apply it to 100% of the search results, or only just those on screen.

In your case, instead of "Tag filter applied, Proteins may be hidden" why not just say "Tag filter applied, Hiding X% of proteins"

String Length Comparison:

"Proteins may be hidden"
"Hiding XX% of proteins"

Should fit, and at the very least would present more information in the same space. If you're worried about the user leaving out data from the current results, as in the case of Google, I'd take a look at what they've done; which I still really don't care for.

  • Interesting; we might be able to apply the Google approach. Will have to test it out to see whether it becomes too intrusive with intensive filtering. Re: the number of proteins, we did have that in initially, but it's since been removed due to technical complications. Pity, but the number was influenced by enough external factors to make it potentially more confusing to display it.
    – Mal Ross
    Oct 25, 2010 at 15:07

I had the same dilemma a few years back and experimented a bit with generating nice string-representations of the filters when they were edited (and also allowing the user to save filters) and then applying them (several if wanted) to the list by stacking them visually at the top of the list with a similar yellow-looking bar.

So there would be one row height bars at the top which stated approximately or exactly each filter that was applied ("Excluding things starting with ABS*" or "- category x"), with an X to remove them and some mechanism to apply existing or new filters to the list.

I'm curious about how the filter edit dialog looks and works in your case.

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.