Writing a Plugin

In this section, we will explore different ways to write a Grid.js plugin.

Using a class

Grid.js has a BaseComponent class which is used everywhere to ensure that all components are receiving the same set of internal properties and functions. Simply extend this class and add your own functionality to develop a new plugin.

First of all, import both BaseComponent and BaseProps from gridjs:

import { BaseComponent, BaseProps, h } from "gridjs";

Then, create a new class and extend BaseComponent:

class MyPlugin extends BaseComponent {
render() {
return h('h1', {}, 'Hello World!');
}
}
Live Editor
Result

Using a function

You can also write a simple function that returns a VNode and renders the component:

import { h } from "gridjs";
Live Editor
Result
Last updated on by Afshin Mehrabani