Vue 2 Data Grid Custom renderer in Vue 2
Create a custom cell renderer, and use it in your Vue 2 data grid by declaring it as a function.
In this article
You can declare a custom renderer for the
HotTable component by declaring it as a function in the Handsontable options or creating a rendering component.
Example - Declaring a renderer as a function
The following example is an implementation of
@handsontable/vue with a custom renderer added. It takes an image URL as the input and renders the image in the edited cell.
Related API reference
- Configuration options:
- Core methods: