java - 在 JSF 中显示水平动态内容

Question

看起来很简单，但我做不到。我需要显示一系列图像，每行 3 个。例如，如果我的集合中有 9 个元素，它应该在 3 x 3 表格中显示 9 个图像。我正在尝试使用以下代码:

     <h:form>
        <ice:panelGrid columns="3">
            <ui:repeat var="user" value="#{indexBean.users}" >
                <ice:panelGrid columns="1">
                    <ice:graphicImage value="#{user.picture}"/>
                    <ice:outputText value="#{user.name}"/>
                </ice:panelGrid>
            </ui:repeat>
        </ice:panelGrid>
    </h:form>

但是我得到的不是 3 列有序表，而是一张图片在另一张图片下面。我可以使用 css: display:inline 水平排列所有项目，但该行不会从 3 个元素减少到 3 个元素。我得到一条包含所有元素的“无限”线。

请帮忙吗？谢谢!

Answer 1

而不是

<ice:panelGrid columns="1">

尝试使用

ice:panelGroup

编辑:根据评论

几乎类似的问题是 discussed