如何改变Primefaces Datatable过滤器的位置?

时间:2015-11-07 08:47:19

标签: primefaces

现在默认情况下PF数据表显示带标题的过滤器位置。是否可以在DataTable的页脚上显示过滤器位置?

我在Datatble Footer中尝试了以下代码,但没有工作

<f:facet name="footer">
        <p:column>
            <f:facet name="filter">
                <p:spinner onchange="PF('carsTable').filter()" styleClass="year-spinner">
                    <f:converter converterId="javax.faces.Integer" />
                </p:spinner>
            </f:facet>
        </p:column>

        <p:column>
            <f:facet name="filter">
                <p:spinner onchange="PF('carsTable').filter()" styleClass="year-spinner">
                    <f:converter converterId="javax.faces.Integer" />
                </p:spinner>
            </f:facet>
        </p:column>
</f:facet>

1 个答案:

答案 0 :(得分:0)

不,不可能这样。我看到三个选项:

  1. 使用DOM操作将过滤器移动到底部的相应标签。每次ajax调用后都不要忘记这样做。无论如何,通过使用css将过滤器隐藏在标题中,可以防止“跳跃”用户界面
  2. 使用OmniFaces的moveComponent showcase.omnifaces.org/components/moveComponent,由@MathieuCastets提议
  3. 更改PrimeFaces dataTable的来源并创建您自己的组件。