Fix table empty data scroll style

close #7457

components/table/style/index.less

@@ -445,8 +445,26 @@
       position: absolute;
       bottom: 0;
       width: 100%;
-      background: @component-background;
+      background: transparent;
       pointer-events: none;
+      // tricky code for https://github.com/ant-design/ant-design/issues/7457
+      overflow-x: scroll;
+      opacity: 0.4;
+      color: #000;
+    }
+  }
+
+  // not scrollable
+  &-scroll-position-left&-scroll-position-right &-placeholder-fixed-columns {
+    overflow-x: hidden;
+  }
+
+  &-row-empty-placeholder {
+    > td {
+      border-right-color: transparent !important;
+    }
+    > td > * {
+      color: transparent !important;
     }
   }
 
@@ -629,12 +647,6 @@
     margin-bottom: -20px;
   }
 
-  /* fix firefox scrollbar bug */
-  &-fixed-header&-empty &-scroll &-body {
-    padding-bottom: 20px;
-    margin-bottom: -20px;
-  }
-
   &-fixed-left,
   &-fixed-right {
     position: absolute;

package.json

@@ -64,7 +64,7 @@
     "rc-slider": "~8.2.0",
     "rc-steps": "~2.5.1",
     "rc-switch": "~1.5.1",
-    "rc-table": "~5.6.1",
+    "rc-table": "~5.6.7",
     "rc-tabs": "~9.1.2",
     "rc-time-picker": "~2.4.1",
     "rc-tooltip": "~3.4.6",