This page covers a non-latest version of Handsontable.

JavaScript Data Grid Using the HotColumn component in Vue 3

Overview

You can configure column-related settings using the HotColumn component's attributes.

Find out which Vue 3 versions are supported

Declaring column settings

To declare column-specific settings, pass the settings as hot-column properties, either separately or wrapped as a settings property, exactly as you would for hot-table.

Array of objects

To work with an array of objects for the hot-column component, you need to provide precise information about the data structure for the columns. To do this, refer to the data for a column in properties as data.