Merge pull request #22 from ks-labs/feature/add-dinamic-id-in-treegrid-table

Feature/add dinamic id in treegrid component

Author: JhonatanPereira

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ks-labs/treegrid",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "author": "Victor Lessa victordsgnr@gmail.com",
   "main": "src/wrapper.js",
   "module": "dist/vue-treegrid.esm.js",

src/vue-treegrid.vue

@@ -1,12 +1,16 @@
 <template>
-  <table id="tree"></table>
+  <table :id="treeId"></table>
 </template>
 
 <script>
 import "./assets/js/jquery.treegrid";
 export default {
   name: "treegrid",
   props: {
+    treeId: {
+      type: String,
+      default: "tree",
+    },
     columns: {
       type: Array,
       required: true,
@@ -71,7 +75,7 @@ export default {
   },
   methods: {
     treeGrid() {
-      const treeGrid = $("#tree");
+      const treeGrid = $(`#${this.treeId}`);
       treeGrid.bootstrapTable({
         data: this.rows,
         idField: this.idField,