JARCH SHOWCASE
JARCH SHOWCASE
TreeTable - Scroll Both vertical and horizontal scrolling of the data is supported.
Vertical
NameSizeType
Horizontal
NameSizeType
Vertical and Horizontal
NameSizeType
<a:form>
    <a:treeTable value="#{ttScrollableView.root1}" var="document" style="margin-top:0" scrollable="true" scrollHeight="150">
        <f:facet name="header">
            Vertical
        </f:facet>
        <a:column headerText="Name">
            <h:outputText value="#{document.name}" />
        </a:column>
        <a:column headerText="Size">
            <h:outputText value="#{document.size}" />
        </a:column>
        <a:column headerText="Type">
            <h:outputText value="#{document.type}" />
        </a:column>
    </a:treeTable>

    <a:treeTable value="#{ttScrollableView.root2}" var="document" scrollable="true" scrollWidth="400">
        <f:facet name="header">
            Horizontal
        </f:facet>
        <a:column headerText="Name">
            <h:outputText value="#{document.name}" />
        </a:column>
        <a:column headerText="Size">
            <h:outputText value="#{document.size}" />
        </a:column>
        <a:column headerText="Type">
            <h:outputText value="#{document.type}" />
        </a:column>
    </a:treeTable>

    <a:treeTable value="#{ttScrollableView.root3}" var="document" scrollable="true" scrollHeight="150" scrollWidth="400">
        <f:facet name="header">
            Vertical and Horizontal
        </f:facet>
        <a:column headerText="Name">
            <h:outputText value="#{document.name}" />
        </a:column>
        <a:column headerText="Size">
            <h:outputText value="#{document.size}" />
        </a:column>
        <a:column headerText="Type">
            <h:outputText value="#{document.type}" />
        </a:column>
    </a:treeTable>
</a:form>
                
JARCH, Copyright © 2022 All rights reserved. Running JARCH 24.3.0-SNAPSHOT on PrimeFaces-12.0.0 on Mojarra-2.3.13.