Merge pull request #211 from rpocklin/feature/add-height-variable

Feature: add height variable to wrapper component

Author: afshinm

attributes.json

@@ -15,6 +15,10 @@
     "type": ["string", "function"],
     "description": "String of HTML table selector or function returning HTML table string. Default: undefined"
   },
+  "gridjs-vue/height": {
+    "type": "string",
+    "description": "String that sets the height of the table excluding search, pagination, etc. Default: undefined"
+  },
   "gridjs-vue/language": {
     "type": "object",
     "description": "Localization dictionary object. Default: undefined"

src/gridjs-vue.vue

@@ -28,6 +28,10 @@ export default {
       type: [String, Function],
       default: undefined
     },
+    height: {
+      type: [String],
+      default: undefined
+    },
     language: {
       type: Object,
       default: undefined
@@ -87,13 +91,12 @@ export default {
         autoWidth: this.autoWidth,
         columns: this.cols ? this.cols : [this.dict.error.columnsUndefined],
         data: this.rows ? this.rows : this.from || this.server ? undefined : [[this.dict.error.rowsUndefined]],
+        height: this.height,
         pagination: this.pagination,
         sort: this.sort,
         width: this.width
       }
 
-      // let classNames
-
       if (this.classNames) options.className = this.classNames
       if (this.from)
         options.from =
@@ -121,6 +124,9 @@ export default {
     from() {
       this.update()
     },
+    height() {
+      this.update()
+    },
     language() {
       this.update()
     },