Install

Grid.js comes in two formats, UMD and ES module and also in production and development:

You can either install Grid.js using NPM or directly include the JavaScript and CSS files from a CDN

Node.js

Grid.js is available as gridjs on NPM. To install the package:

npm install gridjs --save

Above command will install all the dependencies as well. Then include both JavaScript and CSS files:

import { Grid } from "gridjs";
import "gridjs/dist/theme/mermaid.css";

Grid.js is also available on following CDNs and can be used directly.

You can download Grid.js from unpkg.com/browse/gridjs/dist.

Add both JavaScript and css files:

gridjs.production.min.js

<script src="https://unpkg.com/gridjs/dist/gridjs.production.min.js"></script>

theme/mermaid.min.css

<link href="https://unpkg.com/gridjs/dist/theme/mermaid.min.css" rel="stylesheet" />

You can also import the Grid.js ES module directly in the browser:

<script type="module">
 import {
 Grid,
 html
 } from "https://unpkg.com/gridjs/dist/gridjs.production.es.min.js";
</script>

gridjs.production.min.js

<script src="https://cdn.jsdelivr.net/npm/gridjs/dist/gridjs.production.min.js"></script>

theme/mermaid.min.css

<link href="https://cdn.jsdelivr.net/npm/gridjs/dist/theme/mermaid.min.css" rel="stylesheet" />

Visit the Install page for more details.