React Data GridColumn component
Configure your grid's columns, using the props of the HotColumn
component. Pass your component as a custom cell editor or a custom cell renderer.
On this page
Declare column settings
To declare column-specific settings, pass the settings as HotColumn
props, either separately or wrapped as a settings
prop, exactly as you would with HotTable
.
First column header | Second column header |
---|---|
A1 | B1 |
A2 | B2 |
A3 | B3 |
A4 | B4 |
A5 | B5 |
A6 | B6 |
A7 | B7 |
A8 | B8 |
A9 | B9 |
A10 | B10 |
First column header | Second column header |
---|
Object data source
When you use object data binding for <HotColumn/>
, you need to provide precise information about the data structure for columns. To do so, refer to your object-based data property in HotColumn
's data
prop, for example, <HotColumn data='id' />
:
1 | Alex | 10 | ✗ |
2 | Adam | 55 | ✗ |
3 | Kate | 61 | ✔ |
4 | Max | 98 | ✔ |
5 | Lucy | 59 | ✗ |
There is a newer version of Handsontable available. Switch to the latest version ⟶