如何更改Primefaces数据表过滤器位置

Question

现在默认情况下，PF Datatable显示带表头的筛选器位置。是否可以在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>

Answer 1

不，用这种方式是不可能的。我看到三个选项：

1. 使用DOM操作将过滤器移动到底部的相应标记。不要忘记在每次ajax调用后执行此操作。无论如何，通过使用css将过滤器隐藏在标头中，可以防止出现"跳跃"用户界面
2. 使用OmniFaces的moveComponent showcase。OmniFaces.org/components/moveComponent，由@MathieuCastets提出
3. 更改PrimeFaces数据表的来源并创建自己的组件