在PrimeFaces 5.3中的p：dataGrid中使用p：carousel

Question

使用<p:carousel>（社区发布）在以下代码段中的<p:dataGrid>内显示PrimeFaces 5.3 final。

<p:dataGrid var="gridRow" value="#{[1,2,3,4,5]}" columns="1">
    <p:carousel var="row" value="#{[1,2,3,4,5]}" numVisible="3">
        <p:panel>Panel container : #{row}</p:panel>
    </p:carousel>
</p:dataGrid>

使用PrimeFaces 5.2 final，它会正确显示相应的UI，如下图所示。

使用PrimeFaces 5.3 最终，设计严重破坏了<p:carousel>水平过度拉伸的项目，如下图所示。

请参阅上一张图片左下角的浏览器长水平滚动条。

只有在<p:carousel>（或可能是其他迭代组件）中显示<p:dataGrid>时才会出现问题。 <p:carousel>独立显示其确切含义。

PrimeFaces 5.3有什么问题？有没有解决方法？

Answer 1

解决方案是在layout中将grid属性设置为<p:dataGrid>（由于PrimeFaces 5.3中添加了响应功能）。此属性的默认值为tabular。