Fixed PanelGrid in JSF while scrolling (primefaces)

Question

I need to set the panelGrid fixed while scrolling the page.

e.g. the bottom bar on the top should be fixed, while scrolling the datatable.

    <h:panelGrid id="buttonGrid">
....
</h:panelGrid>


<p:dataTable id="datatable" .....>
....
</p:dataTable>

How can I solve this?

Answer 1

This works:

<h:panelGrid id="buttonGrid" styleClass="fixed-class">
            <h:outputText value="text text"/>
            <h:outputText value="text text"/>
            <h:outputText value="text text"/>
            <h:outputText value="text text"/>
            <h:outputText value="text text"/>
</h:panelGrid>

css:

.fixed-class{
    position: fixed;
}