Better responsive style of Table

7 years ago · bd9fba9f45
2 changed files with 18 additions and 0 deletions
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@ -691,3 +691,5 @@
    box-shadow: none;
  }
 }
+
+@import './responsive';
--- a/components/table/style/responsive.less
+++ b/components/table/style/responsive.less
@ -0,0 +1,16 @@
+@media (max-width: @screen-xs) {
+  .@{table-prefix-cls} {
+    &-thead > tr,
+    &-tbody > tr {
+      > th,
+      > td {
+        display: block;
+        width: auto !important;
+        border: none;
+        &:last-child {
+          border-bottom: 1px solid @border-color-split;
+        }
+      }
+    }
+  }
+}