Vue 3 Data GridVuex in Vue 3
Use the Vuex state management pattern to maintain the data and configuration options of your Vue 3 data grid.
On this page
Example - Vuex store dump
The following example implements the @handsontable/vue3
component with a readOnly
toggle switch and the Vuex state manager.
Find out which Vue 3 versions are supported
A | B | C | D | |
---|---|---|---|---|
1 | A1 | B1 | C1 | D1 |
2 | A2 | B2 | C2 | D2 |
3 | A3 | B3 | C3 | D3 |
4 | A4 | B4 | C4 | D4 |
A | B | C | D |
---|
1 |
---|
2 |
3 |
4 |
Vuex store dump:
hotData:
A1 B1 C1 D1 A2 B2 C2 D2 A3 B3 C3 D3 A4 B4 C4 D4 hotSettings:
- readOnly: false
- autoWrapRow: true
- autoWrapCol: true
There is a newer version of Handsontable available. Switch to the latest version ⟶