使用 Tomahawk dataTable 和 varDetailToggler，我想要一个带有可滚动行的固定 header

Question

我已经查看了这个问题的其他解决方案，但他们似乎都建议使用 rich:scollableDataTable 或 rich:extendedDataTable。这些都不提供 varDetailToggler 功能。

我还看到了将 header 拆分为单独的 table 的解决方案。不幸的是，这个解决方案也破坏了 varDetailToggler 的使用。 header 包含用于详细信息的 ExpandAll 和 CollapseAll 按钮。

有战斧解决方案吗？

Answer 1

这是我的解决方案：

        <t:dataTable id="data" var="phen"
            value="#{workflowLookup.dataModel}" 
            binding="#{workflowLookup.table}" 
            varDetailToggler="detailToggler">
            <f:facet name="header">
                <h:commandButton
                    id="expand-all-button"
                    action="#{detailToggler.expandAllDetails}"
                    value="Expand All" />                                  
                <h:commandButton
                    id="collapse-all-button"
                    action="#{workflowLookup.collapseAllDetails}" 
                    value="Collapse All" />
            </f:facet>
            ... (rest of table)

        </t:dataTable>

使用 Tomahawk dataTable 和 varDetailToggler，我想要一个带有可滚动行的固定 header

Using Tomahawk dataTable and varDetailToggler, I want a fixed header with scrollable rows

tomahawk

jsf-2