XUL Programmer's Reference Manual

<treehead>
Attributes Common Children
id treerow
observes treecol
  treeitem
   

 

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.


 
 

Last updated: 8/10/00 Ian Oeschger