💄 optimize bordered table header scrollbar style

continue after #17065
ant-design · Jun 12, 2019 · 6d2ad5c · 6d2ad5c
1 parent 1f6b86f
commit 6d2ad5c
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/components/table/style/index.less b/components/table/style/index.less
@@ -604,11 +604,6 @@
     }
   }
 
-  &-bordered&-fixed-header &-scroll &-header::-webkit-scrollbar {
-    border: 1px solid @border-color-split;
-    border-width: 1px 1px 0 0;
-  }
-
   &-hide-scrollbar {
     // https://github.com/ant-design/ant-design/issues/4637
     // https://stackoverflow.com/a/54101063
@@ -619,6 +614,17 @@
     }
   }
 
+  // optimize header style of borderd table after hide extra scrollbar
+  &-bordered&-fixed-header &-scroll &-header {
+    &::-webkit-scrollbar {
+      border: 1px solid @border-color-split;
+      border-width: 1px 1px 1px 0;
+    }
+    &.@{table-prefix-cls}-hide-scrollbar .@{table-prefix-cls}-thead > tr > th:last-child {
+      border-right-color: transparent;
+    }
+  }
+
   &-fixed-left,
   &-fixed-right {
     position: absolute;