Fix table radius in chrome

ant-design · Mar 3, 2018 · af8e54f · af8e54f
1 parent a2018e7
commit af8e54f
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/components/table/style/index.less b/components/table/style/index.less
@@ -33,6 +33,14 @@
     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;
@@ -539,6 +547,9 @@
     table {
       border-radius: @border-radius-base 0 0 0;
     }
+    .ant-table-thead > tr > th:last-child {
+      border-top-right-radius: 0;
+    }
   }
 
   &-fixed-right {
@@ -554,6 +565,9 @@
       color: transparent;
       pointer-events: none;
     }
+    .ant-table-thead > tr > th:first-child {
+      border-top-left-radius: 0;
+    }
   }
 
   &&-scroll-position-left &-fixed-left {