JQuery wrapper for Grid.js
Include jQuery and gridjs-jquery in the <head> tag:
<script src="https://unpkg.com/jquery/dist/jquery.min.js"></script>
<script src="https://unpkg.com/gridjs-jquery/dist/gridjs.production.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/gridjs/dist/theme/mermaid.min.css" />or install using NPM:
npm install --save gridjs-jqueryNote: gridjs-jquery contains Grid.js package as well. You don't need to install it separately.
Select your wrapper and call Grid:
$("div#wrapper").Grid({
columns: ['Name', 'Age', 'Email'],
data: [
['John', 25, '[email protected]'],
['Mark', 59, '[email protected]'],
// ...
],
});Live example: https://codesandbox.io/s/gridjs-jquery-jq4zf
Grid.js can also convert an HTML table. Simply select the table with jQuery
and call Grid:
$("table#myTable").Grid();You can pass all Grid.js configs to the Grid function.
See Grid.js Config for more details.
MIT
