Jsf 如何转换a<；ul>；元素添加到数据表中？

我想将此

转换为数据表：

<ul>
                    <li><a href="#"> <p:graphicImage
                                name="images/child_M.png" library="ultima-layout" width="72" />
                            <span class="name">Joshua Williams</span> <span class="email">joshua@pf-ultima.com</span>
                    </a></li>
                    <li><a href="#"> <p:graphicImage
                                name="images/child_M.png" library="ultima-layout" width="72" />
                            <span class="name">Emily Clark</span> <span class="email">emily@pf-ultima.com</span>
                    </a></li>
                    <li><a href="#"> <p:graphicImage
                                name="images/child_F.png" library="ultima-layout" width="72" />
                            <span class="name">Susan Johnson</span> <span class="email">susan@pf-ultima.com</span>
                    </a></li>
                    <li><a href="#"> <p:graphicImage
                                name="images/child_F.png" library="ultima-layout" width="72" />
                            <span class="name">Kelly Stark</span> <span class="email">kelly@pf-ultima.com</span>
                    </a></li>
                </ul>

---

我想用正确的名称和电子邮件值替换名称和电子邮件值，这些值来自一个列表（来自Datatable的value元素）。这个

元素布局非常好，因为文本在右边，字体和图像在左边，我想在Datatable中复制它。

为什么？如果你喜欢这个布局，为什么要把它改成另一个呢？当你已经有了这个布局的时候，你必须调整它使之与这个布局相同？这真是一个奇怪的问题。。。实际上你只有两个柱子。。。@user207421应该没有问题：因为数据表具有此普通html布局没有的功能？问题是我有一个对象列表（如Person类、名称、电子邮件……），如何插入其值？正如您所看到的，这些值是硬代码，而不是来自DB。关于datatable的代码是分页，但我无法实现相同的布局。您想将datatable行硬编码到xhtml中，而不是从bean接收数据吗？不，想法是bean拥有来自DB a人员列表的数据。我想用上面提到的布局来显示它，但是可以分页，就像在Datatable中一样。