repositioned loader on table (#146)

TykTechnologies · Aug 4, 2020 · 88a1cb5 · 88a1cb5
1 parent 7311a53
commit 88a1cb5
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 8 deletions.
diff --git a/lib/index.js b/lib/index.js
diff --git a/lib/index.js.map b/lib/index.js.map
diff --git a/lib/tyk-ui.js b/lib/tyk-ui.js
diff --git a/lib/tyk-ui.js.map b/lib/tyk-ui.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tyk-technologies/tyk-ui",
-  "version": "1.1.91",
+  "version": "1.1.92",
   "description": "Tyk UI - ui reusable components",
   "main": "lib/index.js",
   "scripts": {

diff --git a/src/components/Table/js/table.js b/src/components/Table/js/table.js
@@ -90,7 +90,7 @@ const Table = ({
     setOnChangeMsg('api');
   }, [state]);
 
-  if (!state || loading) {
+  if (!state) {
     return <Loader position="absolute" />;
   }
 
@@ -105,9 +105,13 @@ const Table = ({
     </table>
   );
 
+
   return (
     <tableContext.Provider value={{ state, sendMessage }}>
-      <div className={`scrollable ${state.styling?.className || ''}`} style={{ height: state.maxHeight ? state.maxHeight : 'auto' }}>
+      <div className={`scrollable ${state.styling?.className || ''}`} style={{ height: state.maxHeight ? state.maxHeight : 'auto', position: 'relative' }}>
+        {
+          loading && <Loader position="absolute" withbackground />
+        }
         {
           infiniteScrolling && state.pagination
             ? (

diff --git a/tyk-ui-styleguide b/tyk-ui-styleguide