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
Name | Email |
---|---|
Dexter Howell III | Lucio_Cronin36@gmail.com |
Luz Walsh I | Princess_Bartell@gmail.com |
Lorenzo Berge | Augusta.Bruen@yahoo.com |
Lynn Haley | Urban3@yahoo.com |
Olga Howe | Shad_Predovic55@hotmail.com |
tip
Explore Preact's documentation for more details.