css - スクロール中の JSF の PanelGrid を修正しました (primefaces)

Question

ページのスクロール中に panelGrid を固定する必要があります。

たとえば、データテーブルをスクロールしている間、上部の下部バーを固定する必要があります。

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


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

どうすればこれを解決できますか?

Answer 1

これは機能します：

<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;
}