Components and Parent-Child Relationships

The control consists of four areas: corner header, column header, row header, and content, as shown in the following diagram.

Header Area

The corner header, column header, and row header areas are used to display static data such as headings. Users cannot edit data in the header areas.

You can set the appearance for each element, such as background color.

(Default header appearance)
    |- Column
        |- Row
            |- Cell

Content Area

The content area is used to display dynamic data. Users can edit data in the content area.

The following tree shows the elements that make up the content area and their parent-child relationships. You can set appearance, cell type (can be set for cell/column), lock (can be set for cell/row/column), and input rule (can be set for cell/column) for each element.

(Default content area settings)
    |- Alternating rows (see "Alternate row background color")
        |- Column
            |- Group header/footer
                |- Row
                    |- New row (see "Adding unbound rows")
                        |- Cell

Parent-Child Relationships of Elements

As shown in the trees above, the elements that make up the areas have parent-child relationships. By default, a child element inherits the settings of its parent element. For example, if you set a background color for a row, all cells contained in that row will have the same background color.