fix(components): [table] not scroll empty block when scrolling table (e…

…lement-plus#6615) * fix(components): [table] not scroll empty block when scrolling table * fix(components): [table] fix unexpected gap * fix(components): [table] fix unexpected gap
codezkx · Mar 16, 2022 · 9843fb1 · 9843fb1
1 parent 4c7638d
commit 9843fb1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/components/table/src/table/style-helper.ts b/packages/components/table/src/table/style-helper.ts
@@ -43,8 +43,8 @@ function useStyle<T>(
   })
   const isGroup = ref(false)
   const scrollbarViewStyle = {
-    display: 'inline-flex',
-    flexDirection: 'column',
+    display: 'inline-block',
+    verticalAlign: 'middle',
   }
 
   watchEffect(() => {
@@ -298,7 +298,7 @@ function useStyle<T>(
       height = `calc(100% - ${layout.appendHeight.value}px)`
     }
     return {
-      width: bodyWidth.value,
+      width: `${resizeState.value.width}px`,
       height,
     }
   })

diff --git a/packages/theme-chalk/src/table.scss b/packages/theme-chalk/src/table.scss
@@ -42,6 +42,8 @@
 
   // when data is empty
   @include e(empty-block) {
+    position: sticky;
+    left: 0;
     min-height: 60px;
     text-align: center;
     width: 100%;