Layout of many columns with datatable

0

I have a problem with datatable layout. I ended up creating a very long component (if I'm not mistaken, about 25 columns). I need to move one of these columns (year) according to the scroll bar.

Move with the bar I already managed, using position:fixed . However, I would like to know how I could:

  • Leave the header the same height as the others;
  • Remove the "shadow" that remains when attribute movement (see img 2)
  • How to leave the original colors. If I take background-color , it becomes transparent and makes viewing unfeasible.

The XHTML of the column in question follows:

<p:column width="187" headerText="Ano" style="background-color:#ddd; position:fixed; width:187;">
        <h:outputText value="#{f.ano}"/>
</p:column>

    
asked by anonymous 04.10.2015 / 13:40

1 answer

1
Well, I've got the problem solved.

Follow code and print.

    <p:column width="187" style="background-color:inherit; position:fixed; width:187;">
         <f:facet name="header">        
            <div style="padding-bottom:25% !important; padding-top: 5%!important; background-color:inherit !important;">                
                <h:outputText value="Ano"/>
            </div>
         </f:facet>
         <h:outputText value="#{f.ano}"/>
    </p:column>

    
05.10.2015 / 15:38