From 42560db95610dfe0539d20acd404b3128d9b4e66 Mon Sep 17 00:00:00 2001
From: "m.novikov" <m.novikov@qvant.ru>
Date: Fri, 15 Jan 2021 18:34:29 +0300
Subject: [PATCH] fix loader pos in qtable while scrolling

---
 .../QTable/__snapshots__/QTable.test.js.snap  |  4 +--
 src/qComponents/QTable/src/QTable.vue         | 25 +++++++++----------
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/qComponents/QTable/__snapshots__/QTable.test.js.snap b/src/qComponents/QTable/__snapshots__/QTable.test.js.snap
index 5fb5da02..423379b1 100644
--- a/src/qComponents/QTable/__snapshots__/QTable.test.js.snap
+++ b/src/qComponents/QTable/__snapshots__/QTable.test.js.snap
@@ -17,14 +17,14 @@ exports[`QTable QTable should match snapshot 1`] = `
       viewtag="div"
       wrapclass="q-table__scroll-wrapper"
     >
+      <!---->
+       
       <div
         class="q-table__wrapper"
         style="transition: all 0.2s;"
       >
         <!---->
          
-        <!---->
-         
         <table
           cellpadding="0"
           cellspacing="0"
diff --git a/src/qComponents/QTable/src/QTable.vue b/src/qComponents/QTable/src/QTable.vue
index e35a3c33..b6562f4b 100644
--- a/src/qComponents/QTable/src/QTable.vue
+++ b/src/qComponents/QTable/src/QTable.vue
@@ -19,25 +19,24 @@
         wrap-class="q-table__scroll-wrapper"
         theme="secondary"
       >
+        <div
+          v-if="isLoading || !isLoadingAnimationComplete"
+          class="q-table__loader"
+          :class="{ 'q-table__loader_is-loading': isLoading }"
+        >
+          <div class="q-table__loader-circle">
+            <div class="q-table__loader-circle_quarter" />
+            <div class="q-table__loader-circle_quarter" />
+            <div class="q-table__loader-circle_quarter" />
+            <div class="q-table__loader-circle_quarter" />
+          </div>
+        </div>
         <div
           ref="tableWrapper"
           class="q-table__wrapper"
           :class="wrapperClass"
           :style="loadingWrapperClass"
         >
-          <div
-            v-if="isLoading || !isLoadingAnimationComplete"
-            class="q-table__loader"
-            :class="{ 'q-table__loader_is-loading': isLoading }"
-          >
-            <div class="q-table__loader-circle">
-              <div class="q-table__loader-circle_quarter" />
-              <div class="q-table__loader-circle_quarter" />
-              <div class="q-table__loader-circle_quarter" />
-              <div class="q-table__loader-circle_quarter" />
-            </div>
-          </div>
-
           <template v-if="isDraggable">
             <div class="dnd-handler" />
             <div class="dnd-separator" />