Question

有没有办法在不使用Rich Faces的情况下实现可滚动的数据表？如果有人可以指向我一些代码示例或示例页面？谢谢。

Answer 1

在jsf和提及中使用div组件作为可滚动数据表 height: 200px; overflow: auto;属性中的属性style。

<div style="height: 200px; overflow: auto;">
    <h:dataTable value="#{facesBean.files}" var="file">
        <h:column>
            <f:facet name="header">
                <h:outputText value="Image"></h:outputText>
            </f:facet>
            <h:graphicImage value="#{files.image}" style="width:100px; height:100px;"></h:graphicImage>
        </h:column>
        <h:column>
            <f:facet name="header">
                <h:outputText value="Description"></h:outputText>
            </f:facet>
            <h:outputText style="font-weight:bold;" value="File Name:"></h:outputText>
            <h:outputText value="#{file.alt}"></h:outputText>
        </h:column>
    </h:dataTable>
</div>

Answer 2

这可以通过CSS实现。您必须使用css属性overflow：scroll或overflow-x和overflow-y。但请注意，不同的浏览器会以不同的方式处理此属性，因此您可能会导致不同的行为。

在div中创建一个h：dataTable包装。使用css更改div的属性并添加overflow属性以滚动。确保您的表格具有固定大小。

您可能需要查看此内容

http://anaturb.net/csstips/sheader.htm

-cheers：）

JSF - 可滚动数据表

2 个答案: