Directory

← Back

Vaadin TreeTable

A table implementation that supports displaying hierarchical structures

Author

Rating

Popularity

<100

The TreeTable is an extended Table component that can show hierarchical structures in its first column. Users can show or hide children from a small icon before the actual column value in the first column.

The TreeTable is designed to scale well with large number of rows similar to Table component in the core Vaadin. Only visible rows and some "cache rows" are loaded to the client side. With the Collapsible container extension developer can build the data accessing so that it does not consume too much memory on the server side either.


TreeTable has been integrated into Vaadin 6.7 and this add-on will not receive any further updates. All changes will be made to the Vaadin Framework only.


Sample code

        TreeTable tr = new TreeTable("Simple test with builtin container");
        // populate table
        tr.addContainerProperty("Foo", String.class, "foo");
        tr.addContainerProperty("Bar", String.class, "bar");
        Object addItem = tr.addItem();
        tr.getContainerProperty(addItem, "Foo").setValue("First");
        Object addItem2 = tr.addItem();
        tr.getContainerProperty(addItem2, "Foo").setValue("Second");
        Object addItem3 = tr.addItem();
        tr.getContainerProperty(addItem3, "Foo").setValue("Third");

        // build hierarchy
        tr.setParent(addItem3, addItem2);
        tr.setParent(addItem2, addItem);

        // flag to last item to be leaf
        tr.setChildrenAllowed(addItem3, false);

        // reserve excess space for the "treecolumn"
        tr.setWidth("100%");
        tr.setColumnExpandRatio("Foo", 1);

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Fix: Item icon is now clickable to select row

Released
2011-07-05
Maturity
CERTIFIED
License
Apache License 2.0

Compatibility

Framework
Vaadin 6.6+
Vaadin 6.5+ in 1.2.0
Vaadin 6.0+ in 0.3.1
Vaadin 6.4+ in 1.0.0
Browser
Internet Explorer
Internet Explorer
Internet Explorer
Firefox
Opera
Safari
Google Chrome
Internet Explorer

Vaadin TreeTable - Vaadin Add-on Directory

A table implementation that supports displaying hierarchical structures Vaadin TreeTable - Vaadin Add-on Directory
The TreeTable is an extended Table component that can show hierarchical structures in its first column. Users can show or hide children from a small icon before the actual column value in the first column. The TreeTable is designed to scale well with large number of rows similar to Table component in the core Vaadin. Only visible rows and some "cache rows" are loaded to the client side. With the Collapsible container extension developer can build the data accessing so that it does not consume too much memory on the server side either. --- TreeTable has been integrated into Vaadin 6.7 and this add-on will not receive any further updates. All changes will be made to the Vaadin Framework only. ---
Online