Vue 3 Data Grid Using the HotColumn component in Vue 3

Configure the Vue 3 data grid's columns, using the props of the HotColumn component. Define a custom cell editor or a custom cell renderer.

Find out which Vue 3 versions are supported

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