TreeTable - Paginator

TreeTable provides a highly customizable ajax paginator.

Document Viewer

Name	Size	Type
Node 0	987 KB	Document
Node 1	464 KB	Document
Node 2	171 KB	Document
Node 3	221 KB	Document
Node 4	389 KB	Document
Node 5	238 KB	Document
Node 6	89 KB	Document
Node 7	14 KB	Document
Node 8	421 KB	Document
Node 9	438 KB	Document

paginator.xhtml
PaginatorView.java

<h:form id="form">
    <p:treeTable value="#{ttPaginatorView.root}" var="document" paginator="true" rows="10">
        <f:facet name="header">
            Document Viewer
        </f:facet>
        <p:column headerText="Name">
            <h:outputText value="#{document.name}" />
        </p:column>
        <p:column headerText="Size">
            <h:outputText value="#{document.size} KB" />
        </p:column>
        <p:column headerText="Type">
            <h:outputText value="#{document.type}" />
        </p:column>
    </p:treeTable>
</h:form>

@Named("ttPaginatorView")
@ViewScoped
public class PaginatorView implements Serializable {
    
    private TreeNode root;
            
    @PostConstruct
    public void init() {
        root = new DefaultTreeNode();
        
        for(int i = 0; i < 50; i++) {
            TreeNode node = new DefaultTreeNode(new Document("Node " + i, String.valueOf((int) (Math.random() * 1000)), "Document"), root);
            
            for(int j = 0; j < 5; j++) {
                new DefaultTreeNode(new Document("Node " + i + "." + j, String.valueOf((int) (Math.random() * 1000)), "Document"), node);
            }
        }
    }

    public TreeNode getRoot() {
        return root;
    }
}

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

Nova-Light

Nova-Dark

Nova-Colored

Luna-Blue

Luna-Amber

Luna-Green

Luna-Pink

Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.