Common Types
GridColumn
Grid columns are the basic horizontal building block of the data grid. At their most basic level a GridColumn
is just an object which contains a title
and a width
or id
. Their type looks like:
GridCell
GridCell
is the basic content building block of a data grid. There are many types of cells available out of the box and more available in additional packages.
All grid cells support the following properties
GridSelection
GridSelection
is the most basic representation of the selected cells, rows, and columns in the data grid. The current
property accounts for the selected cell and the range of cells selected as well. It is the selection which is modified by keyboard and mouse interaction when clicking on the cells themselves.
The rows
and columns
properties both account for the columns or rows which have been explicitly selected by the user. Selecting a range which encompases the entire set of cells within a column/row does not implicitly set it into this part of the collection. This allows for distinguishing between cases when the user wishes to delete all contents of a row/column and delete the row/column itself.
The cell
is the [col, row] formatted cell which will have the focus ring drawn around it. The range
should always include the cell
and represents additional cells which can be edited via copy, delete and other events. The range
may or may not include partial spans depending on the spanRangeBehavior
set.
Theme
The data grid uses the Theme
provided to the DataEditer in the theme
prop. This is used to style editors as well as the grid itself. The theme interface is flat. The data grid comes with a built in theme which it will use to fill in any missing values.
Last updated