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