Html 如何在每行显示两条记录p:dataScroller

我在jsf项目中使用PrimeFaces。

p:dataScroller

组件将一条记录列为一行。我想把区域分成两列，每行列出两条记录。但是我找不到任何关于这个问题的文件

您不能从组件执行此操作。在datascroller上没有配置

columns=“2”

等选项。但是当我查看生成的html时，我看到了一个简单的

<ul class="ui-datascroller-list">
    <li class="ui-datascroller-item">...</li>
    <li class="ui-datascroller-item">...</li>
    <li class="ui-datascroller-item">...</li>
    <li class="ui-datascroller-item">...</li>
</ul>

到在线PrimeFaces showcase使其工作

使用31%可以得到3列

如果你想让它“响应”（2列、3列、4列或…列，取决于屏幕大小），使用

.ui-datascroller .ui-datascroller-item {
    width: 48%;
    display: inline-block;
}