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>