Hide the Filtered Column on a SharePoint List Web Part

Have you ever included a filtered list on one of your SharePoint pages and been incredibly annoyed that you had to show the value that you were filtering on? Yeah, me too.

Here's what I did to fix it:

1. Add a Content Editor Web Part to your page. Anywhere will do.
2. In the 'Source Editor...' for that CEWP, paste in this code:

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
   <script type='text/javascript'>
   
   $(document).ready(function () {
    $('iframe[title="Hidden frame to filter list"]').each(function() {
     var tbl = ($.browser.msie) ? $(this).parent().parent().parent().parent() : $(this).next();
     var rows = tbl.children('tbody').eq(0).children('tr');
     var cols = rows.eq(0).children('th').length;
     var filter_col = '';
     
     for (var c=0;c<cols;c++) {
      if (rows.eq(0).children('th').eq(c).html().match('/_layouts/images/filter.gif')) {
       filter_col = c;
      }
     }
     
     if (filter_col > -1) {
      for (var r=0;r<rows.length;r++) {
       rows.eq(r).children('th, td').eq(filter_col).css('display','none');
      }
     }
     
    });
   });
   
   </script>

3. The code works by detecting the little filter icon and hiding that column from the list.
4. Yay jQuery!

Enjoy!