Skip to main content


jQuery wrapper for Grid.js


Include jQuery and gridjs-jquery in the <head> tag:

<script src=""></script>
<script src=""></script>
<link rel="stylesheet" type="text/css" href="" />

or install using NPM:

npm install --save gridjs-jquery

Note: gridjs-jquery contains Grid.js package as well. You don't need to install it separately.


Select your wrapper and call Grid:

columns: ['Name', 'Age', 'Email'],
data: [
['John', 25, '[email protected]'],
['Mark', 59, '[email protected]'],
// ...

Live example:

Grid.js can also convert an HTML table. Simply select the table with jQuery and call Grid:


You can pass all Grid.js configs to the Grid function. See Grid.js Config for more details.

Last updated on by Afshin Mehrabani