React Data Grid Row headers
Use default row headers (1, 2, 3), or set them to custom values provided by an array or a function.
Row headers are gray-colored columns that are used to label each row. By default, these headers are filled with numbers displayed in ascending order.
To turn the headers on, set the option
Bind rows with headers
There is a plugin Bind rows with headers which allows the binding of row numbers to their headers. This is used mostly to differentiate two business cases in which Handsontable is most often used.
When moving a row in a typical grid-like application, the numbers in the row headers remain intact. Only the content is moved.
In a data grid, each row has its unique ID. Therefore, the column header should follow its row whenever it changes its position in the grid.
To enable the plugin, set the
bindRowsWithHeaders property to
true. Move the rows in the example below to see what this plugin does.
A tree grid enables you to represent the nested data structures within the data grid. To learn more about this feature, see the Row parent-child page.
Related API reference
- Configuration options:
- Core methods: