From ed04246899974a8fe6f5f6f2a6e54e70d17acf64 Mon Sep 17 00:00:00 2001
From: Pejman <pejmanNikram@gmail.com>
Date: Mon, 3 Jul 2017 09:31:14 +0430
Subject: [PATCH 1/2] Update MyVuetable.vue

Passing Scoped Slot to MyVuetable in Template
---
 src/components/MyVuetable.vue | 84 +++++++++++++----------------------
 1 file changed, 30 insertions(+), 54 deletions(-)

diff --git a/src/components/MyVuetable.vue b/src/components/MyVuetable.vue
index 9ddc35b..1f3d15e 100644
--- a/src/components/MyVuetable.vue
+++ b/src/components/MyVuetable.vue
@@ -1,3 +1,32 @@
+<template>
+  <div class="ui container">
+    <filter-bar></filter-bar>
+    <vuetable ref="vuetable"
+      :api-url="apiUrl"
+      :fields="fields"
+      pagination-path=""
+      :per-page="10"
+      :multi-sort="true"
+      :sort-order="sortOrder"
+      :append-params="appendParams"
+      detail-row-component="detailRowComponent"
+      @vuetable:cell-clicked="onCellClicked"
+      @vuetable:pagination-data="onPaginationData"
+      v-for="slotName in  Object.keys($scopedSlots)" :key="slotName"
+    >
+         <template :slot="slotName" scope="props">
+            <slot :name="slotName" :row-data="props.rowData" :row-index="props.rowIndex" :row-field="props.rowField"></slot>
+         </template>
+    </vuetable>
+    <div class="vuetable-pagination ui basic segment grid">
+      <vuetable-pagination-info ref="paginationInfo"
+      ></vuetable-pagination-info>
+      <vuetable-pagination ref="pagination"
+        @vuetable-pagination:change-page="onChangePage"
+      ></vuetable-pagination>
+    </div>
+  </div>
+</template>
 <script>
 import accounting from 'accounting'
 import moment from 'moment'
@@ -51,60 +80,7 @@ export default {
     this.$events.$on('filter-set', eventData => this.onFilterSet(eventData))
     this.$events.$on('filter-reset', e => this.onFilterReset())
   },
-  render(h) {
-    return h(
-      'div', 
-      {
-        class: { ui: true, container: true }
-      },
-      [
-        h('filter-bar'),
-        this.renderVuetable(h),
-        this.renderPagination(h)
-      ]
-    )
-  },
-  methods: {
-    // render related functions
-    renderVuetable(h) {
-      return h(
-        'vuetable', 
-        { 
-          ref: 'vuetable',
-          props: {
-            apiUrl: this.apiUrl,
-            fields: this.fields,
-            paginationPath: "",
-            perPage: 10,
-            multiSort: true,
-            sortOrder: this.sortOrder,
-            appendParams: this.appendParams,
-            detailRowComponent: this.detailRowComponent,
-          },
-          on: {
-            'vuetable:cell-clicked': this.onCellClicked,
-            'vuetable:pagination-data': this.onPaginationData,
-          },
-          scopedSlots: this.$vnode.data.scopedSlots
-        }
-      )
-    },
-    renderPagination(h) {
-      return h(
-        'div',
-        { class: {'vuetable-pagination': true, 'ui': true, 'basic': true, 'segment': true, 'grid': true} },
-        [
-          h('vuetable-pagination-info', { ref: 'paginationInfo' }),
-          h('vuetable-pagination', {
-            ref: 'pagination',
-            on: {
-              'vuetable-pagination:change-page': this.onChangePage
-            }
-          })
-        ]
-      )
-    },
-    // ------------------
+  methods: {  
     allcap (value) {
       return value.toUpperCase()
     },

From 6bb8266ee2e32e0addab3e9f27f3dc854a5e23cc Mon Sep 17 00:00:00 2001
From: Pejman <pejmanNikram@gmail.com>
Date: Sat, 8 Jul 2017 09:56:03 +0430
Subject: [PATCH 2/2] fix bug

---
 src/components/MyVuetable.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/MyVuetable.vue b/src/components/MyVuetable.vue
index 1f3d15e..eeb976c 100644
--- a/src/components/MyVuetable.vue
+++ b/src/components/MyVuetable.vue
@@ -12,11 +12,10 @@
       detail-row-component="detailRowComponent"
       @vuetable:cell-clicked="onCellClicked"
       @vuetable:pagination-data="onPaginationData"
-      v-for="slotName in  Object.keys($scopedSlots)" :key="slotName"
     >
-         <template :slot="slotName" scope="props">
-            <slot :name="slotName" :row-data="props.rowData" :row-index="props.rowIndex" :row-field="props.rowField"></slot>
-         </template>
+           <template :slot="slotName" scope="props" v-for="slotName in  $scopedSlots?Object.keys($scopedSlots):null" >
+                <slot :name="slotName" :row-data="props.rowData" :row-index="props.rowIndex" :row-field="props.rowField"></slot>
+            </template>
     </vuetable>
     <div class="vuetable-pagination ui basic segment grid">
       <vuetable-pagination-info ref="paginationInfo"