Virtual DOM

Grid.js uses Preact to render the elements and that means that you can take advantage of Preact's Virtual DOM and render complex cells.

Simply, import h from the gridjs package:

import { h } from "gridjs";

Then, create a custom Preact component:

function bold(text) {
return h('b', {}, text);
}

Finally, connect the component to Grid.js:

Live Editor
Result

tip

Explore Preact's documentation for more details.

Last updated on by Afshin Mehrabani