fix(module:table): custom column styles collapse when using nzScroll (#…

…8044)
NG-ZORRO · Nov 17, 2023 · fde48f9 · fde48f9
1 parent 5834e46
commit fde48f9
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 48 deletions.
diff --git a/components/table/style/index.less b/components/table/style/index.less
@@ -734,54 +734,6 @@
   }
 }
 
-.@{table-prefix-cls}-custom-column {
-  col {
-    width: auto !important;
-    min-width: auto !important;
-    display: none;
-  }
-
-  .@{table-prefix-cls}-thead {
-    .@{table-prefix-cls}-row {
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-
-      th {
-        overflow: hidden;
-      }
-    }
-  }
-
-  .@{table-prefix-cls}-tbody {
-    .@{table-prefix-cls}-row {
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-
-      td {
-        overflow: hidden;
-      }
-
-      .nz-disable-td {
-        width: 100%;
-      }
-    }
-  }
-
-  .ant-table-fixed {
-    tr {
-      .ant-table-cell-fix-left-last, .ant-table-cell-fix-right-first {
-        overflow: visible;
-      }
-    }
-
-    .@{table-prefix-cls}-row {
-      width: 100%;
-    }
-  }
-}
-
 @media all and (-ms-high-contrast: none) {
   .@{table-prefix-cls} {
     &-ping-left {

diff --git a/components/table/style/patch.less b/components/table/style/patch.less
@@ -137,3 +137,50 @@ cdk-virtual-scroll-viewport.ant-table-body {
   }
 }
 
+.@{table-prefix-cls}-custom-column {
+  col {
+    width: auto !important;
+    min-width: auto !important;
+    display: none;
+  }
+
+  .@{table-prefix-cls}-thead {
+    .@{table-prefix-cls}-row, tr {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+
+      th {
+        overflow: hidden;
+      }
+    }
+  }
+
+  .@{table-prefix-cls}-tbody {
+    .@{table-prefix-cls}-row, tr {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+
+      td {
+        overflow: hidden;
+      }
+
+      .nz-disable-td {
+        width: 100%;
+      }
+    }
+  }
+
+  .ant-table-fixed {
+    tr {
+      .ant-table-cell-fix-left-last, .ant-table-cell-fix-right-first {
+        overflow: visible;
+      }
+    }
+
+    .@{table-prefix-cls}-row {
+      width: 100%;
+    }
+  }
+}