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.