Tweak table border radius (#9674)

Close #6750
ant-design · Mar 18, 2018 · 381b88e · 381b88e
1 parent 411181e
commit 381b88e
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/components/table/style/index.less b/components/table/style/index.less
@@ -11,7 +11,6 @@
 .@{table-prefix-cls} {
   .reset-component;
   position: relative;
-  border-radius: @border-radius-base @border-radius-base 0 0;
   clear: both;
 
   &-body {
@@ -34,14 +33,6 @@
     font-weight: 500;
     border-bottom: @border-width-base @border-style-base @border-color-split;
 
-    &:first-child {
-      border-top-left-radius: @border-radius-base;
-    }
-
-    &:last-child {
-      border-top-right-radius: @border-radius-base;
-    }
-
     &[colspan] {
       text-align: center;
       border-bottom: 0;
@@ -78,6 +69,16 @@
     }
   }
 
+  &-thead > tr:first-child > th {
+    &:first-child {
+      border-top-left-radius: @border-radius-base;
+    }
+
+    &:last-child {
+      border-top-right-radius: @border-radius-base;
+    }
+  }
+
   &-tbody > tr > td {
     border-bottom: @border-width-base @border-style-base @border-color-split;
     transition: all .3s;
@@ -138,7 +139,8 @@
     overflow: hidden;
     .@{table-prefix-cls}-bordered & {
       &,
-      table {
+      table,
+      .@{table-prefix-cls}-thead > tr:first-child > th {
         border-radius: 0;
       }
     }