fix(table): only call provider once DOM is fully updated (bootstrap-vue#1904) (bootstrap-vue#1955)

henryklukasik · mosinve · commit ae7147e34b77 · 2018-07-23T23:30:58.000+07:00
* fix(table): only call provider once DOM is fully updated (bootstrap-vue#1904) * fixing lint error.
diff --git a/src/components/table/table.js b/src/components/table/table.js
@@ -995,17 +995,20 @@ export default {
       }
       // Set internal busy state
       this.localBusy = true
-      // Call provider function with context and optional callback
-      const data = this.items(this.context, this._providerSetLocal)
-      if (data && data.then && typeof data.then === 'function') {
-        // Provider returned Promise
-        data.then(items => {
-          this._providerSetLocal(items)
-        })
-      } else {
-        // Provider returned Array data
-        this._providerSetLocal(data)
-      }
+
+      // Call provider function with context and optional callback after DOM is fully updated
+      this.$nextTick(function () {
+        const data = this.items(this.context, this._providerSetLocal)
+        if (data && data.then && typeof data.then === 'function') {
+          // Provider returned Promise
+          data.then(items => {
+            this._providerSetLocal(items)
+          })
+        } else {
+          // Provider returned Array data
+          this._providerSetLocal(data)
+        }
+      })
     },
     getTdValues (item, key, tdValue, defValue) {
       const parent = this.$parent
