Components: grid, columns, column, rows and row.

A grid contains components that are aligned in rows like tables. Inside a grid, you declare two things, the columns, that define the header and column attributes, and the rows, that provide the content.

To declare a set of rows, use the rows component, which should be a child element of grid. Inside that you should add row components, which are used for each row. Inside the row element, you should place the content that you want inside that row. Each child is a column of the specific row.

Similarly, the columns are declared with the columns component, which should be placed as a child element of the grid. Unlike row is used to hold the content of each row, column declares the common attributes of each column, such as the width and alignment, and and optional headers, i.e., label and/or image.

<grid>
    <columns>    
        <column label="Type"/>        
        <column label="Content"/>        
    </columns>    
    <rows>    
        <row>        
            <label value="File:"/>            
            <textbox width="99%"/>            
        </row>        
        <row>        
            <label value="Type:"/>            
            <hbox>            
                <listbox rows="1" mold="select">                
                    <listitem label="Java Files,(*.java)"/>                    
                    <listitem label="All Files,(*.*)"/>                    
                </listbox>                
                <button label="Browse..."/>                
            </hbox>            
        </row>        
    </rows>    
</grid>