ScrollPanel
ScrollPanel is used to display overflowed content with theme aware scrollbars instead of browser scrollbars.
Source
<h3>Default ScrollPanel</h3>
<p:scrollPanel style="width:250px;height:200px">
<p:dataGrid var="car" value="#{tableBean.carsSmall}" columns="3">
<p:panel header="#{car.model}" style="text-align:center">
<h:panelGrid columns="1" style="width:100%">
<h:outputText value="#{car.model}" />
<h:outputText value="#{car.manufacturer}" />
<h:outputText value="#{car.year}" />
<h:outputText value="#{car.color}" />
</h:panelGrid>
</p:panel>
</p:dataGrid>
</p:scrollPanel>
<h3>Native ScrollPanel</h3>
<p:scrollPanel style="width:250px;height:200px" scrollMode="native">
<p:dataGrid var="car" value="#{tableBean.carsSmall}" columns="3">
<p:panel header="#{car.model}" style="text-align:center">
<h:panelGrid columns="1" style="width:100%">
<h:outputText value="#{car.model}" />
<h:outputText value="#{car.manufacturer}" />
<h:outputText value="#{car.year}" />
<h:outputText value="#{car.color}" />
</h:panelGrid>
</p:panel>
</p:dataGrid>
</p:scrollPanel>
