More elegant empty style for fixed-columns Table

close #7298

close #7142

components/table/style/index.less

@@ -69,6 +69,11 @@
   &-tbody > tr > td {
     border-bottom: @border-width-base @border-style-base @border-color-split;
     transition: all .3s;
+    // height placeholder for empty cell
+    &:empty:after {
+      content: '.';
+      visibility: hidden;
+    }
   }
 
   &-thead > tr,
@@ -438,6 +443,14 @@
     .@{iconfont-css-prefix} {
       margin-right: 4px;
     }
+
+    &-fixed-columns {
+      position: absolute;
+      bottom: 0;
+      width: 100%;
+      background: transparent;
+      pointer-events: none;
+    }
   }
 
   &-pagination {
@@ -625,12 +638,6 @@
     margin-bottom: -20px;
   }
 
-  // Ignore the scroll.x width
-  // https://github.com/ant-design/ant-design/issues/7142
-  &-empty &-scroll &-body &-fixed {
-    width: auto !important;
-  }
-
   &-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.4.0",
+    "rc-table": "~5.6.1",
     "rc-tabs": "~9.1.2",
     "rc-time-picker": "~2.4.1",
     "rc-tooltip": "~3.4.6",