The following example is a simple implementation of the @handsontable/vue component.
@handsontable/vue
In this example, a div element of id="example1" where the @handsontable/vue component will be rendered.
div
id="example1"
import Vue from 'vue'; import { HotTable } from '@handsontable/vue'; import { registerAllModules } from 'handsontable/registry'; import { createSpreadsheetData } from './helpers'; // register Handsontable's modules registerAllModules(); new Vue({ el: '#example1', data: function() { return { hotSettings: { data: createSpreadsheetData(6, 10), colHeaders: true, height: 'auto', licenseKey: 'non-commercial-and-evaluation' } } }, components: { HotTable } });
<div id="example1"> <hot-table :settings="hotSettings"></hot-table> </div>
← Installation in Vue 2 Modules in Vue 2 →