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

* fix(table): only call provider once DOM is fully updated (#1904) * fixing lint error.
bootstrap-vue · Jul 23, 2018 · ae7147e · ae7147e
1 parent 9ab23ef
commit ae7147e
Showing 1 changed file with 14 additions and 11 deletions.
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