Table: transparent border when loading (#10254)

packages/loading/src/directive.js

@@ -26,7 +26,11 @@ loadingDirective.install = Vue => {
 
             ['top', 'left'].forEach(property => {
               const scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
-              el.maskStyle[property] = el.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] + 'px';
+              el.maskStyle[property] = el.getBoundingClientRect()[property] +
+                document.body[scroll] +
+                document.documentElement[scroll] -
+                parseInt(getStyle(document.body, `margin-${ property }`), 10) +
+                'px';
             });
             ['height', 'width'].forEach(property => {
               el.maskStyle[property] = el.getBoundingClientRect()[property] + 'px';

packages/theme-chalk/src/table.scss

@@ -282,7 +282,7 @@
     border-bottom: none;
 
     &.el-loading-parent--relative {
-      border: none;
+      border-color: transparent;
     }
 
     th, td {