feat: adding jquery wrapper

afshinm · afshinm · commit 2814cc0b15b9 · 2020-08-22T12:46:25.000+01:00
diff --git a/docs/integrations/jquery.md b/docs/integrations/jquery.md
@@ -0,0 +1,52 @@
+---
+id: jquery
+title: jQuery
+---
+
+[jQuery wrapper](https://github.com/grid-js/gridjs-jquery) for Grid.js
+
+
+## Install
+
+Include jQuery and gridjs-jquery in the `<head>` tag:
+
+```html
+<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:
+
+```bash
+npm install --save gridjs-jquery
+```
+
+**Note**: `gridjs-jquery` contains Grid.js package as well. You don't need to install it separately.
+
+## Usage
+
+Select your wrapper and call `Grid`:
+
+```js
+$("div#wrapper").Grid({
+  columns: ['Name', 'Age', 'Email'],
+  data: [
+    ['John', 25, 'john@k.com'],
+    ['Mark', 59, 'mark@e.com'],
+    // ...
+  ],
+});
+```
+
+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`:
+
+ ```js
+$("table#myTable").Grid();
+```
+
+You can pass all Grid.js configs to the `Grid` function. 
+See [Grid.js Config](https://gridjs.io/docs/config) for more details.
diff --git a/docs/integrations/react.md b/docs/integrations/react.md
@@ -1,6 +1,6 @@
 ---
 id: react
-title: ⚛️ React 
+title: React 
 ---
 
 Grid.js has native React wrapper which can be used to create Grid.js instance in a React app. Use [gridjs-react](https://github.com/grid-js/gridjs-react)
diff --git a/docs/integrations/vue.md b/docs/integrations/vue.md
@@ -1,6 +1,6 @@
 ---
 id: vue
-title: 💚 Vue
+title: Vue
 ---
 
 <center><img src="https://user-images.githubusercontent.com/2541728/84843482-ffc31c00-b015-11ea-95e8-dc6fb3931ad5.png" alt="gridjs-vue logo" /></center>
diff --git a/sidebars.js b/sidebars.js
@@ -31,6 +31,7 @@ module.exports = {
     "🔌 Integrations": [
       'integrations/react',
       'integrations/vue',
+      'integrations/jquery',
     ],
     "🎮 Examples": [{
       type: 'category',
