Back to Handsontable

Column component

docs/content/guides/columns/react-hot-column/react-hot-column.md

17.0.1976 B
Original Source

Column 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.

[[toc]]

Declare column settings

To declare column-specific settings, pass the settings as HotColumn props, exactly as you would with HotTable.

::: example #example1 :react --js 1 --ts 2

@code @code

:::

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' />:

::: example #example3 :react --js 1 --ts 2

@code @code

:::