rich:extendedDataTable and hiding the extra column

[fericit.bostan]

I'm using RichFaces 4.2.2.Final.

I'm attempting to use the rich:extendedDataTable because I need a scrollable table within a small space. It looks great and solves my problem except for the extra column. (Used for scrolling?)

Anyway, I've read through all the discussions and it seems the best way to resolve the extra colum is to hide it with CSS. My problem is that I can't seem to figure out exactly how to hide it completely.

My table consists of only 2 columns and has very similar code as the RichFaces showcase that demonstrates filtering. I've tried to hide the 3rd column with the following:

        <style type="text/css">
          .col1 {
               height: auto !important;
               text-align: center; 
          }
          
          .col2 {
               height: auto !important;
          }
          
          .col3 {
                display: none;
                visibility: collapse;
                border-collapse: collapse; 
                overflow: hidden;
                overflow: hidden;
                width: 0;
                height: 0;
          }
          </style> 


<rich:extendedDataTable value="#{userListController.items}" var="item" id="permissionsTable" style="height:300px;width:500px" columnClasses="col1,col2,col3"> 

But it does not seem to work as expected.  The css does seem to work as expected in hiding a column, when I apply it to one of my other columns, but the header still remains. I've tried to assign a style to the headerClasses attribute of the extendedDataTable as well but with no luck in hiding the extra column.

I know this is probably something very simple but I just can't locate the right combination.

Any help would be greatly appreciated.

Thanks in advance...