	Language
	English
	English
	English
	French
	German
	German
	German
	Italian
	Korean
	Spanish
	Catalan
	Dutch
	Portuguese
	Portuguese
	Arabic
	Arabic
	Bulgarian
	Bangla
	Bosnian
	Czech
	Greek
	Estonian
	Persian
	Finnish
	Danish
	Hindi
	Indonesian
	Icelandic
	Croatian
	Japanese
	Hungarian
	Hebrew
	Georgian
	Central Kurdish
	Khmer
	Kyrgyz
	Kazakh
	Lithuanian
	Latvian
	Malay
	Norwegian
	Polish
	Romanian
	Russian
	Slovak
	Slovenian
	Serbian
	Serbian
	Swedish
	Thai
	Turkish
	Ukrainian
	Uzbek
	Vietnamese
	Chinese
	Chinese

	Language
	English
	English
	English
	French
	German
	German
	German
	Italian
	Korean
	Spanish
	Catalan
	Dutch
	Portuguese
	Portuguese
	Arabic
	Arabic
	Bulgarian
	Bangla
	Bosnian
	Czech
	Greek
	Estonian
	Persian
	Finnish
	Danish
	Hindi
	Indonesian
	Icelandic
	Croatian
	Japanese
	Hungarian
	Hebrew
	Georgian
	Central Kurdish
	Khmer
	Kyrgyz
	Kazakh
	Lithuanian
	Latvian
	Malay
	Norwegian
	Polish
	Romanian
	Russian
	Slovak
	Slovenian
	Serbian
	Serbian
	Swedish
	Thai
	Turkish
	Ukrainian
	Uzbek
	Vietnamese
	Chinese
	Chinese

TreeTable Size

In addition to a regular table, alternatives sizes are available.

TreeTable Tag Documentation

TreeTable is is used for displaying hierarchical data in tabular format.

Name	Type	Required	Default	Description
id	String	false	generated	Unique identifier of the component in a namingContainer.
rendered	boolean	false	true	Boolean value to specify the rendering of the component, when set to false component will not be rendered.
binding	UIComponent	false	generated	An EL expression referring to a server side UIComponent instance in a backing bean.
widgetVar	String	false	generated ('widget_' + componentClientId)	Name of the client side widget.
allowUnsorting	boolean	false	false	Defines whether columns are allowed to be unsorted.
cellEditMode	String	false	eager	Defines the cell edit behavior, valid values are "eager" and "lazy".
cellSeparator	String	false		Separator text to use in output mode of editable cells with multiple components.
cloneOnFilter	boolean	false	false	Defines if nodes should be cloned on filter via Cloneable interface or Copy-Constructor (CustomNode(CustomNode original) or CustomNode(String type, Object data, TreeNode parent)). Normally the filtered nodes are new instanceof of DefaultTreeNode.
currentPageReportTemplate	String	false	({currentPage} of {totalPages})	Template of the currentPageReport UI.
dataLocale	Object	false	The view locale	Locale to be used in features such as sorting.
disabledTextSelection	boolean	false	true	Disables text selection on row click.
editInitEvent	String	false	click	Defines a client side event to open cell on editable table.
editMode	String	false	row	Defines edit mode, valid values are "row" and "cell".
editable	boolean	false	false	Controls incell editing.
editingRow	boolean	false	false	Defines if cell editors of row should be displayed as editable or not. False means display mode.
emptyMessage	String	false	i18n	Text to display when there is no data to display.
expandMode	String	false	children	Updates children only when set to "children" or the node itself with children when set to "self" on node expand.
exportRowTag	String	false		If XML data exporter in use, this allows customization of the row tag in the XML.
exportTag	String	false		If XML data exporter in use, this allows customization of the document tag in the XML.
filterBy	Object	false		Property to be used for filtering.
filterDelay	int	false	300	Delay to wait in milliseconds before sending each filter query.
filterEvent	String	false	keyup	Client side event to invoke filtering. If "enter" it will only filter after ENTER key is pressed.
filterNormalize	boolean	false	false	Defines if filtering would be done using normalized values (accents will be removed from characters).
filterPrune	String	false	none	Controls pruning during filtering. "none" keeps children of matching nodes; "descendants" prunes non-matching children unless they or their descendants match.
filteredValue	TreeNode	false		Node to keep the filtered nodes if filtering is enabled.
first	int	false	0	Index of the first data to display.
globalFilter	String	false		Value of the global filter to use when filtering by default.
globalFilterFunction	MethodExpression	false		Custom implementation to globally filter a value against a constraint.
globalFilterOnly	boolean	false	false	When true this will hide all column filters and allow all columns to be filtered by global filter only.
liveResize	boolean	false	false	Columns are resized live in this mode without using a resize helper.
multiViewState	boolean	false	false	Whether to keep component state across views.
nativeElements	boolean	false	false	In native mode, treetable uses native checkboxes.
nodeVar	String	false		Name of the request-scoped variable that'll be used to refer current treenode using EL.
pageLinks	int	false	10	Maximum number of page links to display.
paginator	boolean	false	false	Enables pagination.
paginatorAlwaysVisible	boolean	false	true	Defines if paginator should be hidden if total data count is less than number of rows per page.
paginatorPosition	String	false	bottom	Position of the paginator.
paginatorTemplate	String	false	{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}	Template of the paginator.
propagateSelectionDown	boolean	false	true	Defines downwards selection propagation for checkbox mode.
propagateSelectionUp	boolean	false	true	Defines upwards selection propagation for checkbox mode.
required	boolean	false	false	Marks component as required.
requiredMessage	String	false
resizableColumns	boolean	false	false	Defines if columns can be resized or not.
resizeMode	String	false	fit	Defines the resize behavior, valid values are "fit" and expand.
rowStyleClass	String	false		Style class for each row.
rowTitle	String	false		Title for each row.
rows	int	false	0	Number of rows to display per page. 0 means to display all data available.
rowsPerPageTemplate	String	false		Template of the rowsPerPage dropdown.
saveOnCellBlur	boolean	false	true	Saves the changes in cell editing on blur, when set to false changes are discarded.
scrollHeight	String	false		Height for scrollable data.
scrollWidth	String	false		Width for scrollable data.
scrollable	boolean	false	false	Makes data scrollable with fixed header.
selection	Object	false		TreeNode array to reference the selections.
selectionMode	String	false		Defines the selectionMode, valid values are "single", "multiple" and "checkbox".
showGridlines	boolean	false	false	When enables, cell borders are displayed.
showUnselectableCheckbox	boolean	false	false	Defines if in checkbox selection mode, a readonly checkbox should be displayed for an unselectable node.
size	String	false	regular	Size of the table content, valid values are "small", "regular" and "large".
skipChildren	boolean	false	false	Ignores processing of children during lifecycle, improves performance if table only has output components.
sortBy	Object	false		Property to be used for sorting.
sortMode	String	false	multiple	Defines sorting mode, valid values are "single" and "multiple".
stickyHeader	boolean	false	false	Sticky header stays in window viewport during scrolling.
style	String	false		Inline style of the component.
styleClass	String	false		Style class of the component.
tableStyle	String	false		Inline style of the table element.
tableStyleClass	String	false		Style class of the table element.
value	TreeNode	false		Value of the component.
var	String	false		Name of the request-scoped variable that'll be used to refer each treenode data during rendering.

Name	Description
emptyMessage	Empty message content of the treetable.
footer	Footer content of the treetable.
header	Header content of the treetable.

Name	Type	Default	Description
contextMenu	NodeSelectEvent	false	Fired when context menu is invoked on a node
select	NodeSelectEvent	false	Fired when a node is selected
dblselect	NodeSelectEvent	false	Fired when a node is double-clicked
unselect	NodeUnselectEvent	false	Fired when a node is unselected
expand	NodeExpandEvent	false	Fired when a node is expanded
collapse	NodeCollapseEvent	false	Fired when a node is collapsed
colResize	ColumnResizeEvent	false	Fired when a column is resized
sort	SortEvent	false	Fired when column sorting is applied
filter	FilterEvent	false	Fired when data is filtered
rowEdit	RowEditEvent	false	Fired when row edit is completed
rowEditInit	RowEditEvent	false	Fired when row edit is initiated
rowEditCancel	RowEditEvent	false	Fired when row edit is cancelled
cellEdit	CellEditEvent	false	Fired when cell edit is completed
cellEditInit	CellEditEvent	false	Fired when cell edit is initiated
cellEditCancel	CellEditEvent	false	Fired when cell edit is cancelled
page	PageEvent	false	Fired when pagination occurs

Name	Library	Target
components.css	primefaces
jquery/jquery.js	primefaces
jquery/jquery-plugins.js	primefaces
core.js	primefaces
components.js	primefaces
touch/touchswipe.js	primefaces

Family org.primefaces.component

Type org.primefaces.component.TreeTable

Class org.primefaces.component.treetable.TreeTable

Renderer Type org.primefaces.component.TreeTableRenderer

Renderer Class org.primefaces.component.treetable.TreeTableRenderer

Handler Class org.primefaces.component.treetable.TreeTableHandler

RESOURCES

Tag DocumentationNew DocumentationNew Documentation JSDoc

ON THIS PAGE

Basic Size Gridlines Selection Events Field ContextMenu Scroll Resize Sort Filter Columns Responsive Edit Paginator MultiViewState DisplayPriority

Small TreeTable

Name	Size	Type
Applications	100kb	Folder
Cloud	20kb	Folder
Desktop	150kb	Folder
Documents	75kb	Folder
Downloads	25kb	Folder
Main	50kb	Folder
Other	5kb	Folder
Pictures	150kb	Folder
Videos	1500kb	Folder

Regular TreeTable

Name	Size	Type
Applications	100kb	Folder
Cloud	20kb	Folder
Desktop	150kb	Folder
Documents	75kb	Folder
Downloads	25kb	Folder
Main	50kb	Folder
Other	5kb	Folder
Pictures	150kb	Folder
Videos	1500kb	Folder

Large TreeTable

Name	Size	Type
Applications	100kb	Folder
Cloud	20kb	Folder
Desktop	150kb	Folder
Documents	75kb	Folder
Downloads	25kb	Folder
Main	50kb	Folder
Other	5kb	Folder
Pictures	150kb	Folder
Videos	1500kb	Folder

Usage


<div class="card">
    <h:form id="form">
        <h5>Small TreeTable</h5>
        <p:treeTable value="#{ttBasicView.root}" var="document" size="small">
            <p:column headerText="Name">
                <h:outputText value="#{document.name}"/>
            </p:column>
            <p:column headerText="Size">
                <h:outputText value="#{document.size}"/>
            </p:column>
            <p:column headerText="Type">
                <h:outputText value="#{document.type}"/>
            </p:column>
        </p:treeTable>
    </h:form>
</div>

<div class="card">
    <h:form id="form2">
        <h5>Regular TreeTable</h5>
        <p:treeTable value="#{ttBasicView.root}" var="document">
            <p:column headerText="Name">
                <h:outputText value="#{document.name}"/>
            </p:column>
            <p:column headerText="Size">
                <h:outputText value="#{document.size}"/>
            </p:column>
            <p:column headerText="Type">
                <h:outputText value="#{document.type}"/>
            </p:column>
        </p:treeTable>
    </h:form>
</div>

<div class="card">
    <h:form id="form3">
        <h5>Large TreeTable</h5>
        <p:treeTable value="#{ttBasicView.root}" var="document" size="large">
            <p:column headerText="Name">
                <h:outputText value="#{document.name}"/>
            </p:column>
            <p:column headerText="Size">
                <h:outputText value="#{document.size}"/>
            </p:column>
            <p:column headerText="Type">
                <h:outputText value="#{document.type}"/>
            </p:column>
        </p:treeTable>
    </h:form>
</div>


package org.primefaces.showcase.view.data.treetable;

import org.primefaces.model.SortMeta;
import org.primefaces.model.SortOrder;
import org.primefaces.model.TreeNode;
import org.primefaces.showcase.domain.Document;
import org.primefaces.showcase.service.DocumentService;

import java.io.Serializable;
import java.util.ArrayList;
import java.util.List;

import jakarta.annotation.PostConstruct;
import jakarta.faces.view.ViewScoped;
import jakarta.inject.Inject;
import jakarta.inject.Named;

@Named("ttBasicView")
@ViewScoped
public class BasicView implements Serializable {

    private TreeNode<Document> root;
    private List<SortMeta> sortBy;

    private Document selectedDocument;

    @Inject
    private DocumentService service;

    private List<Document> multipleSelectedDocuments;

    @PostConstruct
    public void init() {
        root = service.createDocuments();

        sortBy = new ArrayList<>();
        sortBy.add(SortMeta.builder()
                .field("name")
                .order(SortOrder.ASCENDING)
                .build());
    }

    public TreeNode<Document> getRoot() {
        return root;
    }

    public void setService(DocumentService service) {
        this.service = service;
    }

    public Document getSelectedDocument() {
        return selectedDocument;
    }

    public void setSelectedDocument(Document selectedDocument) {
        this.selectedDocument = selectedDocument;
    }

    public List<SortMeta> getSortBy() {
        return sortBy;
    }

    public List<Document> getMultipleSelectedDocuments() {
        return multipleSelectedDocuments;
    }

    public void setMultipleSelectedDocuments(List<Document> multipleSelectedDocuments) {
        this.multipleSelectedDocuments = multipleSelectedDocuments;
    }
}


package org.primefaces.showcase.domain;

import java.io.Serializable;

public class Document implements Serializable, Comparable<Document> {

    private String name;
    private String size;
    private String type;

    public Document(String name, String size, String type) {
        this.name = name;
        this.size = size;
        this.type = type;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getSize() {
        return size;
    }

    public void setSize(String size) {
        this.size = size;
    }

    public String getType() {
        return type;
    }

    public void setType(String type) {
        this.type = type;
    }

    //Eclipse Generated hashCode and equals
    @Override
    public int hashCode() {
        final int prime = 31;
        int result = 1;
        result = prime * result + ((name == null) ? 0 : name.hashCode());
        result = prime * result + ((size == null) ? 0 : size.hashCode());
        result = prime * result + ((type == null) ? 0 : type.hashCode());
        return result;
    }

    @Override
    public boolean equals(Object obj) {
        if (this == obj) {
            return true;
        }
        if (obj == null) {
            return false;
        }
        if (getClass() != obj.getClass()) {
            return false;
        }
        Document other = (Document) obj;
        if (name == null) {
            if (other.name != null) {
                return false;
            }
        }
        else if (!name.equals(other.name)) {
            return false;
        }
        if (size == null) {
            if (other.size != null) {
                return false;
            }
        }
        else if (!size.equals(other.size)) {
            return false;
        }
        if (type == null) {
            if (other.type != null) {
                return false;
            }
        }
        else if (!type.equals(other.type)) {
            return false;
        }
        return true;
    }

    @Override
    public String toString() {
        return name;
    }

    public int compareTo(Document document) {
        return this.getName().compareTo(document.getName());
    }
}


package org.primefaces.showcase.service;

import org.primefaces.model.CheckboxTreeNode;
import org.primefaces.model.DefaultTreeNode;
import org.primefaces.model.TreeNode;
import org.primefaces.showcase.domain.Document;

import jakarta.enterprise.context.ApplicationScoped;
import jakarta.inject.Named;

@Named
@ApplicationScoped
public class DocumentService {

    public TreeNode<Document> createDocuments() {
        TreeNode<Document> root = new DefaultTreeNode<>(new Document("Files", "-", "Folder"), null);

        TreeNode<Document> applications = new DefaultTreeNode<>(new Document("Applications", "100kb", "Folder"), root);
        TreeNode<Document> cloud = new DefaultTreeNode<>(new Document("Cloud", "20kb", "Folder"), root);
        TreeNode<Document> desktop = new DefaultTreeNode<>(new Document("Desktop", "150kb", "Folder"), root);
        TreeNode<Document> documents = new DefaultTreeNode<>(new Document("Documents", "75kb", "Folder"), root);
        TreeNode<Document> downloads = new DefaultTreeNode<>(new Document("Downloads", "25kb", "Folder"), root);
        TreeNode<Document> main = new DefaultTreeNode<>(new Document("Main", "50kb", "Folder"), root);
        TreeNode<Document> other = new DefaultTreeNode<>(new Document("Other", "5kb", "Folder"), root);
        TreeNode<Document> pictures = new DefaultTreeNode<>(new Document("Pictures", "150kb", "Folder"), root);
        TreeNode<Document> videos = new DefaultTreeNode<>(new Document("Videos", "1500kb", "Folder"), root);

        //Applications
        TreeNode<Document> primeface = new DefaultTreeNode<>(new Document("Primefaces", "25kb", "Folder"), applications);
        TreeNode<Document> primefacesapp = new DefaultTreeNode<>("app", new Document("primefaces.app", "10kb", "Application"), primeface);
        TreeNode<Document> nativeapp = new DefaultTreeNode<>("app", new Document("native.app", "10kb", "Application"), primeface);
        TreeNode<Document> mobileapp = new DefaultTreeNode<>("app", new Document("mobile.app", "5kb", "Application"), primeface);
        TreeNode<Document> editorapp = new DefaultTreeNode<>("app", new Document("editor.app", "25kb", "Application"), applications);
        TreeNode<Document> settingsapp = new DefaultTreeNode<>("app", new Document("settings.app", "50kb", "Application"), applications);

        //Cloud
        TreeNode<Document> backup1 = new DefaultTreeNode<>("document", new Document("backup-1.zip", "10kb", "Zip"), cloud);
        TreeNode<Document> backup2 = new DefaultTreeNode<>("document", new Document("backup-2.zip", "10kb", "Zip"), cloud);

        //Desktop
        TreeNode<Document> note1 = new DefaultTreeNode<>("document", new Document("note-meeting.txt", "50kb", "Text"), desktop);
        TreeNode<Document> note2 = new DefaultTreeNode<>("document", new Document("note-todo.txt", "100kb", "Text"), desktop);

        //Documents
        TreeNode<Document> work = new DefaultTreeNode<>(new Document("Work", "55kb", "Folder"), documents);
        TreeNode<Document> expenses = new DefaultTreeNode<>("document", new Document("Expenses.doc", "30kb", "Document"), work);
        TreeNode<Document> resume = new DefaultTreeNode<>("document", new Document("Resume.doc", "25kb", "Resume"), work);
        TreeNode<Document> home = new DefaultTreeNode<>(new Document("Home", "20kb", "Folder"), documents);
        TreeNode<Document> invoices = new DefaultTreeNode<>("excel", new Document("Invoice.xsl", "20kb", "Excel"), home);

        //Downloads
        TreeNode<Document> spanish = new DefaultTreeNode<>(new Document("Spanish", "10kb", "Folder"), downloads);
        TreeNode<Document> tutorial1 = new DefaultTreeNode<>("document", new Document("tutorial-a1.txt", "5kb", "Text"), spanish);
        TreeNode<Document> tutorial2 = new DefaultTreeNode<>("document", new Document("tutorial-a2.txt", "5kb", "Text"), spanish);
        TreeNode<Document> travel = new DefaultTreeNode<>(new Document("Travel", "15kb", "Folder"), downloads);
        TreeNode<Document> hotelpdf = new DefaultTreeNode<>("travel", new Document("Hotel.pdf", "10kb", "PDF"), travel);
        TreeNode<Document> flightpdf = new DefaultTreeNode<>("travel", new Document("Flight.pdf", "5kb", "PDF"), travel);

        //Main
        TreeNode<Document> bin = new DefaultTreeNode<>("document", new Document("bin", "50kb", "Link"), main);
        TreeNode<Document> etc = new DefaultTreeNode<>("document", new Document("etc", "100kb", "Link"), main);
        TreeNode<Document> var = new DefaultTreeNode<>("document", new Document("var", "100kb", "Link"), main);

        //Other
        TreeNode<Document> todotxt = new DefaultTreeNode<>("document", new Document("todo.txt", "3kb", "Text"), other);
        TreeNode<Document> logopng = new DefaultTreeNode<>("picture", new Document("logo.png", "2kb", "Picture"), other);

        //Pictures
        TreeNode<Document> barcelona = new DefaultTreeNode<>("picture", new Document("barcelona.jpg", "90kb", "Picture"), pictures);
        TreeNode<Document> primeng = new DefaultTreeNode<>("picture", new Document("primefaces.png", "30kb", "Picture"), pictures);
        TreeNode<Document> prime = new DefaultTreeNode<>("picture", new Document("prime.jpg", "30kb", "Picture"), pictures);

        //Videos
        TreeNode<Document> primefacesmkv = new DefaultTreeNode<>("video", new Document("primefaces.mkv", "1000kb", "Video"), videos);
        TreeNode<Document> introavi = new DefaultTreeNode<>("video", new Document("intro.avi", "500kb", "Video"), videos);

        return root;
    }

    public TreeNode<Document> createCheckboxDocuments() {
        TreeNode<Document> root = new CheckboxTreeNode<>(new Document("Files", "-", "Folder"), null);

        TreeNode<Document> applications = new CheckboxTreeNode<>(new Document("Applications", "100kb", "Folder"), root);
        TreeNode<Document> cloud = new CheckboxTreeNode<>(new Document("Cloud", "20kb", "Folder"), root);
        TreeNode<Document> desktop = new CheckboxTreeNode<>(new Document("Desktop", "150kb", "Folder"), root);
        TreeNode<Document> documents = new CheckboxTreeNode<>(new Document("Documents", "75kb", "Folder"), root);
        TreeNode<Document> downloads = new CheckboxTreeNode<>(new Document("Downloads", "25kb", "Folder"), root);
        TreeNode<Document> main = new CheckboxTreeNode<>(new Document("Main", "50kb", "Folder"), root);
        TreeNode<Document> other = new CheckboxTreeNode<>(new Document("Other", "5kb", "Folder"), root);
        TreeNode<Document> pictures = new CheckboxTreeNode<>(new Document("Pictures", "150kb", "Folder"), root);
        TreeNode<Document> videos = new CheckboxTreeNode<>(new Document("Videos", "1500kb", "Folder"), root);

        //Applications
        TreeNode<Document> primeface = new CheckboxTreeNode<>(new Document("Primefaces", "25kb", "Folder"), applications);
        TreeNode<Document> primefacesapp = new CheckboxTreeNode<>("app", new Document("primefaces.app", "10kb", "Application"), primeface);
        TreeNode<Document> nativeapp = new CheckboxTreeNode<>("app", new Document("native.app", "10kb", "Application"), primeface);
        TreeNode<Document> mobileapp = new CheckboxTreeNode<>("app", new Document("mobile.app", "5kb", "Application"), primeface);
        TreeNode<Document> editorapp = new CheckboxTreeNode<>("app", new Document("editor.app", "25kb", "Application"), applications);
        TreeNode<Document> settingsapp = new CheckboxTreeNode<>("app", new Document("settings.app", "50kb", "Application"), applications);

        //Cloud
        TreeNode<Document> backup1 = new CheckboxTreeNode<>("document", new Document("backup-1.zip", "10kb", "Zip"), cloud);
        TreeNode<Document> backup2 = new CheckboxTreeNode<>("document", new Document("backup-2.zip", "10kb", "Zip"), cloud);

        //Desktop
        TreeNode<Document> note1 = new CheckboxTreeNode<>("document", new Document("note-meeting.txt", "50kb", "Text"), desktop);
        TreeNode<Document> note2 = new CheckboxTreeNode<>("document", new Document("note-todo.txt", "100kb", "Text"), desktop);

        //Documents
        TreeNode<Document> work = new CheckboxTreeNode<>(new Document("Work", "55kb", "Folder"), documents);
        TreeNode<Document> expenses = new CheckboxTreeNode<>("document", new Document("Expenses.doc", "30kb", "Document"), work);
        TreeNode<Document> resume = new CheckboxTreeNode<>("document", new Document("Resume.doc", "25kb", "Resume"), work);
        TreeNode<Document> home = new CheckboxTreeNode<>(new Document("Home", "20kb", "Folder"), documents);
        TreeNode<Document> invoices = new CheckboxTreeNode<>("excel", new Document("Invoice.xsl", "20kb", "Excel"), home);

        //Downloads
        TreeNode<Document> spanish = new CheckboxTreeNode<>(new Document("Spanish", "10kb", "Folder"), downloads);
        TreeNode<Document> tutorial1 = new CheckboxTreeNode<>("document", new Document("tutorial-a1.txt", "5kb", "Text"), spanish);
        TreeNode<Document> tutorial2 = new CheckboxTreeNode<>("document", new Document("tutorial-a2.txt", "5kb", "Text"), spanish);
        TreeNode<Document> travel = new CheckboxTreeNode<>(new Document("Travel", "15kb", "Folder"), downloads);
        TreeNode<Document> hotelpdf = new CheckboxTreeNode<>("travel", new Document("Hotel.pdf", "10kb", "PDF"), travel);
        TreeNode<Document> flightpdf = new CheckboxTreeNode<>("travel", new Document("Flight.pdf", "5kb", "PDF"), travel);

        //Main
        TreeNode<Document> bin = new CheckboxTreeNode<>("document", new Document("bin", "50kb", "Link"), main);
        TreeNode<Document> etc = new CheckboxTreeNode<>("document", new Document("etc", "100kb", "Link"), main);
        TreeNode<Document> var = new CheckboxTreeNode<>("document", new Document("var", "100kb", "Link"), main);

        //Other
        TreeNode<Document> todotxt = new CheckboxTreeNode<>("document", new Document("todo.txt", "3kb", "Text"), other);
        TreeNode<Document> logopng = new CheckboxTreeNode<>("picture", new Document("logo.png", "2kb", "Picture"), other);

        //Pictures
        TreeNode<Document> barcelona = new CheckboxTreeNode<>("picture", new Document("barcelona.jpg", "90kb", "Picture"), pictures);
        TreeNode<Document> primeng = new CheckboxTreeNode<>("picture", new Document("primefaces.png", "30kb", "Picture"), pictures);
        TreeNode<Document> prime = new CheckboxTreeNode<>("picture", new Document("prime.jpg", "30kb", "Picture"), pictures);

        //Videos
        TreeNode<Document> primefacesmkv = new CheckboxTreeNode<>("video", new Document("primefaces.mkv", "1000kb", "Video"), videos);
        TreeNode<Document> introavi = new CheckboxTreeNode<>("video", new Document("intro.avi", "500kb", "Video"), videos);

        return root;
    }
}

Locale

Input Style

Themes

PrimeUIX

PrimeOne

Bootstrap

Material Design

Material Design Compact