The <treehead> element is a special container for tree rows that appear at the top of the <tree> widget. <treehead> is a child of the <tree> element. Child nodes of the <treehead> appear at the top of the tree definition, much like the <thead> subtree in an HTML table.
<tree flex="1">
<treecolgroup>
<treecol flex="1" />
<treecol flex="1" />
</treecolgroup>
<treehead name="tree">
<treerow>
<treecell class="treecell-header outset"
url="__header" value="category"/>
<treecell class="treecell-header outset"
url="__header" value="category2"/>
</treerow>
</treehead>
<treechildren id="panelChildren" flex="1">
<treeitem container="true" open="true" >
<treerow>
<treecell class="treecell-indent"
url="http://www.adbusters.org" value="level 1"/>
</treerow>
<treechildren >
<treeitem>
<treerow>
<treecell class="treecell-indent"
url="http://www.wired.com" value="level 1a"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell class="treecell-indent"
url="http://www.suck.com" value="level 1b"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell class="treecell-indent"
url="http://www.artsandlettersdaily.com" value="level 1c"/>
</treerow>
</treeitem>
<treeitem container="true" open="true">
<treerow>
<treecell class="treecell-indent"
url="http://www.theAtlantic.com" value="level 2"/>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell class="treecell-indent"
url="http://www.slashdot.org" value="level 2a"/>
</treerow>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</tree>
|  |
For more information on the structure of the <tree> widget, see the tree description.
|