This page covers a non-latest version of Handsontable.
# Custom ID, Class, Style, and other attributes in Vue 2
# Overview
Custom id
, class
, style
, and other attributes can be passed into the hot-table
wrapper element.
Each of them will be applied to the root Handsontable element, allowing further customization of the table.
# Example
import Vue from 'vue';
import { HotTable } from '@handsontable/vue';
new Vue({
el: '#example1',
data() {
return {
hotSettings: {
startRows: 5,
startCols: 5,
colHeaders: true,
stretchH: 'all',
licenseKey: 'non-commercial-and-evaluation'
},
id: 'my-custom-id',
className: 'my-custom-classname',
style: 'height: 142px; overflow: hidden; border: 1px solid red;'
}
},
components: {
HotTable
}
});