vxe-table 4.10.6-beta.3 → 4.10.6-beta.31

package/styles/components/table.scss

@@ -2,22 +2,6 @@
 @use './icon.scss';
 @use './table-module/all.scss';
 
-%DefaultColumnHeight {
-  height: var(--vxe-ui-table-row-height-default);
-}
-
-%MediumColumnHeight {
-  height: var(--vxe-ui-table-row-height-medium);
-}
-
-%SmallColumnHeight {
-  height: var(--vxe-ui-table-row-height-small);
-}
-
-%MiniColumnHeight {
-  height: var(--vxe-ui-table-row-height-mini);
-}
-
 .vxe-table-slots,
 .vxe-table--file-form {
   display: none;
@@ -31,7 +15,7 @@
   width: 0;
   border: 0;
 }
-.vxe-table--render-wrapper {
+.vxe-table--layout-wrapper {
   display: flex;
   flex-direction: row;
   background-color: var(--vxe-ui-layout-background-color);
@@ -57,6 +41,10 @@
   width: 100%;
   height: 100%;
   scrollbar-width: none;
+  -ms-overflow-style: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
 }
 .vxe-table--header-inner-wrapper,
 .vxe-table--footer-inner-wrapper {
@@ -87,44 +75,12 @@
 .vxe-footer--column {
   &.fixed--width {
     & > .vxe-cell {
-      .vxe-default-input,
-      .vxe-default-textarea,
-      .vxe-default-select {
-        width: 100%;
-      }
-      .vxe-input,
-      .vxe-textarea,
-      .vxe-select,
-      .vxe-tree-select,
-      .vxe-date-picker,
-      .vxe-number-input,
-      .vxe-ico-picker {
-        width: 100%;
-      }
-    }
-  }
-}
-.vxe-body--column {
-  &.fixed--width {
-    & > .vxe-cell {
-      & > .vxe-default-input,
-      & > .vxe-default-textarea,
-      & > .vxe-default-select {
-        width: 100%;
-      }
-      & > .vxe-input,
-      & > .vxe-textarea,
-      & > .vxe-select,
-      & > .vxe-tree-select,
-      & > .vxe-date-picker,
-      & > .vxe-number-input,
-      & > .vxe-ico-picker {
-        width: 100%;
-      }
-      & > .vxe-cell--tree-node {
+      & > .vxe-cell--wrapper {
         .vxe-default-input,
         .vxe-default-textarea,
-        .vxe-default-select,
+        .vxe-default-select {
+          width: 100%;
+        }
         .vxe-input,
         .vxe-textarea,
         .vxe-select,
@@ -138,6 +94,42 @@
     }
   }
 }
+.vxe-body--column {
+  &.fixed--width {
+    & > .vxe-cell {
+      & > .vxe-cell--wrapper {
+        & > .vxe-default-input,
+        & > .vxe-default-textarea,
+        & > .vxe-default-select {
+          width: 100%;
+        }
+        & > .vxe-input,
+        & > .vxe-textarea,
+        & > .vxe-select,
+        & > .vxe-tree-select,
+        & > .vxe-date-picker,
+        & > .vxe-number-input,
+        & > .vxe-ico-picker {
+          width: 100%;
+        }
+        & > .vxe-cell--tree-node {
+          .vxe-default-input,
+          .vxe-default-textarea,
+          .vxe-default-select,
+          .vxe-input,
+          .vxe-textarea,
+          .vxe-select,
+          .vxe-tree-select,
+          .vxe-date-picker,
+          .vxe-number-input,
+          .vxe-ico-picker {
+            width: 100%;
+          }
+        }
+      }
+    }
+  }
+}
 .vxe-table--filter-template {
   & > .vxe-default-input,
   & > .vxe-default-textarea,
@@ -163,8 +155,8 @@
   .vxe-default-input,
   .vxe-default-textarea,
   .vxe-default-select {
+    font-family: var(--vxe-ui-font-family);
     outline: 0;
-    padding: 0 2px;
     color: var(--vxe-ui-font-color);
     border-radius: var(--vxe-ui-border-radius);
     border: 1px solid var(--vxe-ui-input-border-color);
@@ -194,11 +186,9 @@
     }
   }
   .vxe-default-textarea {
+    font-size: 1em;
     resize: none;
     vertical-align: middle;
-    &:not([rows]) {
-      height: var(--vxe-ui-input-height-default);
-    }
   }
   & > .vxe-input > .vxe-input--inner,
   & > .vxe-textarea > .vxe-textarea--inner {
@@ -221,8 +211,31 @@
 }
 .vxe-body--column {
   &.col--vertical-top {
-    & > .vxe-cell {
-      height: 100%;
+    &.col--active {
+      & > .vxe-cell {
+        & > .vxe-cell--wrapper {
+          height: 100%;
+          & > .vxe-default-textarea {
+            height: 100%;
+          }
+        }
+      }
+    }
+  }
+}
+/*行高*/
+.vxe-table {
+  &:not([data-calc-row]) {
+    .vxe-body--column {
+      &.col--vertical-top {
+        &:not(.col--active) {
+          & > .vxe-cell {
+            & > .vxe-cell--wrapper {
+              min-height: 100%;
+            }
+          }
+        }
+      }
     }
   }
 }
@@ -232,19 +245,19 @@
 .vxe-table--cell-extend-area,
 .vxe-table--cell-active-area,
 .vxe-table--cell-copy-area,
-.vxe-table--cell-status {
+.vxe-table--cell-col-status-area,
+.vxe-table--cell-row-status-area {
   display: none;
   position: absolute;
   pointer-events: none;
   z-index: 1;
 }
 
-.vxe-table--cell-status {
-  top: 0;
-  left: 0;
-  width: var(--vxe-ui-table-cell-area-status-border-width);
-  height: 0;
-  background-color:  var(--vxe-ui-font-primary-color);
+.vxe-table--header-wrapper {
+  .vxe-table--cell-col-status-area {
+    top: 0;
+    height: 100%;
+  }
 }
 
 .vxe-table--fixed-left-wrapper,
@@ -253,7 +266,9 @@
   .vxe-table--cell-main-area,
   .vxe-table--cell-extend-area,
   .vxe-table--cell-active-area,
-  .vxe-table--cell-copy-area {
+  .vxe-table--cell-copy-area,
+  .vxe-table--cell-col-status-area,
+  .vxe-table--cell-row-status-area  {
     z-index: 2;
   }
 }
@@ -319,6 +334,10 @@
   .vxe-table--cell-extend-area {
     border: var(--vxe-ui-table-cell-extend-area-border-width) solid var(--vxe-ui-table-cell-extend-area-border-color);
   }
+  .vxe-table--cell-col-status-area,
+  .vxe-table--cell-row-status-area {
+    background-color: var(--vxe-ui-table-checkbox-range-background-color);
+  }
 }
 
 @keyframes moveCopyCellBorder {
@@ -446,45 +465,32 @@
 
 /*列宽*/
 .vxe-table {
-  &.column--calc {
+  &[data-calc-col] {
     .vxe-header--column,
     .vxe-body--column,
     .vxe-footer--column {
       .vxe-cell {
-        word-break: break-all;
-        white-space: nowrap;
+        & > .vxe-cell--wrapper {
+          word-break: break-all;
+          white-space: nowrap;
+        }
       }
     }
   }
+  &:not([data-calc-col]) {
+    .vxe-cell--wrapper {
+      min-width: 100%;
+    }
+  }
 }
 
 /*scroll*/
 .vxe-table {
-  &.is--scroll-x {
-    &:hover {
-      & > .vxe-table--scroll-x-virtual {
-        .vxe-table--scroll-x-handle {
-          overflow-x: scroll;
-        }
-      }
-    }
-  }
-  &.is--scroll-y {
-    &:hover {
-      & > .vxe-table--render-wrapper {
-        & > .vxe-table--scroll-y-virtual {
-          .vxe-table--scroll-y-handle {
-            overflow-y: scroll;
-          }
-        }
-      }
-    }
-  }
   &.is--loading {
     & > .vxe-table--scroll-x-virtual {
       visibility: hidden;
     }
-    & > .vxe-table--render-wrapper {
+    & > .vxe-table--layout-wrapper {
       & > .vxe-table--scroll-y-virtual {
         visibility: hidden;
       }
@@ -492,29 +498,9 @@
   }
   .vxe-table--scroll-x-virtual {
     height: 0;
-    &::before {
-      content: "";
-      position: absolute;
-      left: 0;
-      top: -1px;
-      width: 100%;
-      height: 0;
-      z-index: 1;
-      border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
-    }
   }
   .vxe-table--scroll-y-virtual {
     width: 0;
-    &::before {
-      content: "";
-      position: absolute;
-      left:-1px;;
-      top: 0;
-      width: 0;
-      height: 100%;
-      z-index: 1;
-      border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
-    }
   }
   .vxe-table--scroll-x-virtual,
   .vxe-table--scroll-y-virtual {
@@ -525,33 +511,40 @@
   }
   .vxe-table--scroll-x-handle,
   .vxe-table--scroll-y-handle,
+  .vxe-table--scroll-x-wrapper,
+  .vxe-table--scroll-y-wrapper,
   .vxe-table--scroll-y-top-corner,
   .vxe-table--scroll-y-bottom-corner,
   .vxe-table--scroll-x-left-corner,
   .vxe-table--scroll-x-right-corner {
     position: absolute;
   }
-  .vxe-table--scroll-x-virtual,
-  .vxe-table--scroll-x-handle {
+  .vxe-table--scroll-x-handle,
+  .vxe-table--scroll-x-wrapper {
     width: 100%;
     left: 0;
     bottom: 0;
   }
   .vxe-table--scroll-x-handle {
     overflow-y: hidden;
-    overflow-x: auto;
+    overflow-x: scroll;
     height: 18px;
   }
-  .vxe-table--scroll-y-virtual,
-  .vxe-table--scroll-y-handle {
+  .vxe-table--scroll-x-wrapper {
+    height: 100%;
+  }
+  .vxe-table--scroll-y-handle,
+  .vxe-table--scroll-y-wrapper {
+    width: 100%;
     height: 100%;
     right: 0;
     top: 0;
   }
   .vxe-table--scroll-y-handle {
-    overflow-y: auto;
+    overflow-y: scroll;
     overflow-x: hidden;
     width: 18px;
+    height: 100%;
   }
   .vxe-table--scroll-x-space {
     height: 1px;
@@ -565,17 +558,49 @@
   .vxe-table--scroll-y-bottom-corner {
     display: none;
     position: absolute;
-    border-width: 0;
-    border-style: solid;
-    border-color: var(--vxe-ui-table-border-color);
   }
+  .vxe-table--scroll-x-left-corner,
   .vxe-table--scroll-x-right-corner {
-    bottom: 1px;
-    right: 1px;
+    bottom: 0;
     width: 0;
     height: 100%;
-    border-top-width: var(--vxe-ui-table-border-width);
-    border-left-width: var(--vxe-ui-table-border-width);
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 1;
+      border-width: var(--vxe-ui-table-border-width);
+      border-style: solid;
+      border-color: var(--vxe-ui-table-border-color);
+    }
+  }
+  .vxe-table--scroll-x-left-corner {
+    left: 0;
+  }
+  .vxe-table--scroll-x-right-corner {
+    right: 0;
+  }
+  &.sy-pos--right {
+    .vxe-table--scroll-x-right-corner {
+      right: 1px;
+      &::before {
+        border-right: 0;
+      }
+    }
+  }
+  &.sx-pos--bottom {
+    .vxe-table--scroll-x-right-corner {
+      bottom: 1px;
+      &::before {
+        border-bottom: 0;
+      }
+    }
+  }
+  .vxe-table--scroll-y-top-corner {
+    background-color: var(--vxe-ui-table-header-background-color);
   }
   .vxe-table--scroll-y-top-corner,
   .vxe-table--scroll-y-bottom-corner {
@@ -584,13 +609,8 @@
     width: 100%;
     height: 0;
   }
-  .vxe-table--scroll-y-top-corner {
-    background-color: var(--vxe-ui-table-header-background-color);
-    border-bottom-width: var(--vxe-ui-table-border-width);
-  }
   .vxe-table--scroll-y-bottom-corner {
     margin-top: -1px;
-    border-top-width: var(--vxe-ui-table-border-width);
   }
 }
 
@@ -598,11 +618,13 @@
 .vxe-table {
   .vxe-table--header-wrapper {
     color: var(--vxe-ui-table-header-font-color);
-    .vxe-table--header-border-line {
+    &::after {
+      content: "";
       position: absolute;
       left: 0;
       bottom: 0;
       height: 0;
+      width: 100%;
       border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
     }
   }
@@ -708,11 +730,11 @@
   .vxe-cell-title-suffix-icon {
     cursor: help;
   }
-  .vxe-resizable {
+  .vxe-cell--col-resizable {
     position: absolute;
-    right: -7px;
+    right: -0.3em;
     bottom: 0;
-    width: 14px;
+    width: 0.6em;
     height: 100%;
     text-align: center;
     z-index: 1;
@@ -738,13 +760,37 @@
 }
 .vxe-table--fixed-right-wrapper {
   .vxe-header--column {
-    .vxe-resizable {
+    .vxe-cell--col-resizable {
       right: auto;
-      left: -7px;
+      left: -0.3em;
+    }
+  }
+}
+
+.vxe-body--column {
+  .vxe-cell--row-resizable {
+    position: absolute;
+    left: 0;
+    bottom: -0.4em;
+    height: 0.8em;
+    width: 100%;
+    text-align: center;
+    z-index: 1;
+    cursor: row-resize;
+  }
+}
+.vxe-body--row {
+  &:last-child {
+    .vxe-body--column {
+      .vxe-cell--row-resizable {
+        height: 0.4em;
+        bottom: -0px;
+      }
     }
   }
 }
 
+
 /*table*/
 .vxe-table--render-default {
   position: relative;
@@ -854,7 +900,7 @@
   //     }
   //   }
   // }
-  &.drag--resize {
+  &.col-drag--resize {
     .vxe-table--main-wrapper,
     .vxe-table--fixed-left-wrapper,
     .vxe-table--fixed-right-wrapper {
@@ -863,6 +909,15 @@
       }
     }
   }
+  &.row-drag--resize {
+    .vxe-table--main-wrapper,
+    .vxe-table--fixed-left-wrapper,
+    .vxe-table--fixed-right-wrapper {
+      * {
+        cursor: row-resize;
+      }
+    }
+  }
   &.drag--range,
   &.drag--area {
     .vxe-table--main-wrapper,
@@ -931,19 +986,6 @@
       }
     }
   }
-  &.is--padding {
-    .vxe-body--column {
-      &:not(.col--ellipsis) {
-        padding: var(--vxe-ui-table-column-padding-default);
-      }
-    }
-  }
-  .vxe-header--column,
-  .vxe-footer--column {
-    &:not(.col--ellipsis) {
-      padding: var(--vxe-ui-table-column-padding-default);
-    }
-  }
   .vxe-header--column,
   .vxe-body--column,
   .vxe-footer--column {
@@ -958,9 +1000,15 @@
     }
     &.col--center {
       text-align: center;
+      & > .vxe-cell {
+        justify-content: center;
+      }
     }
     &.col--right {
       text-align: right;
+      & > .vxe-cell {
+        justify-content: right;
+      }
     }
   }
   // &.is--tree-line {
@@ -994,27 +1042,60 @@
   .vxe-table--footer-wrapper {
     border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
   }
-  // &.border--default,
-  // &.border--full,
-  // &.border--inner,
-  // &.border--outer {
-  //   .vxe-body--row {
-  //     &:last-child {
-  //       & > .vxe-body--column {
-  //         & > .vxe-cell {
-  //           border-bottom: 1px solid transparent;
-  //         }
-  //       }
-  //     }
-  //   }
-  //   .vxe-body--column {
-  //     &:first-child {
-  //       & > .vxe-cell {
-  //         border-left: 1px solid transparent;
-  //       }
-  //     }
-  //   }
-  // }
+  &.border--default,
+  &.border--full,
+  &.border--outer,
+  &.border--inner {
+    .vxe-table--scroll-y-top-corner,
+    .vxe-table--scroll-y-bottom-corner {
+      &::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 1;
+        border-width: 0;
+        border-style: solid;
+        border-color: var(--vxe-ui-table-border-color);
+      }
+    }
+    .vxe-table--scroll-y-top-corner {
+      &::before {
+        border-bottom-width: var(--vxe-ui-table-border-width);
+      }
+    }
+    .vxe-table--scroll-y-bottom-corner {
+      border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
+    }
+    .vxe-table--scroll-x-wrapper {
+      &::before,
+      &::after {
+        content: "";
+        position: absolute;
+        left: 0;
+        width: 100%;
+        height: 0;
+        z-index: 1;
+      }
+      &::before {
+        top: 0;
+        border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
+      }
+      &::after {
+        bottom: 0;
+        border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
+      }
+    }
+    &.sx-pos--bottom {
+      .vxe-table--scroll-x-wrapper {
+        &::before {
+          top: -1px;
+        }
+      }
+    }
+  }
   &.border--default,
   &.border--full,
   &.border--outer {
@@ -1033,6 +1114,56 @@
       background-position: right bottom;
     }
   }
+  &.border--default,
+  &.border--full {
+    .vxe-table--scroll-y-top-corner {
+      &::before {
+        border-left-width: var(--vxe-ui-table-border-width);
+        border-right-width: var(--vxe-ui-table-border-width);
+      }
+    }
+    .vxe-table--scroll-y-bottom-corner {
+      &::before {
+        border-left-width: var(--vxe-ui-table-border-width);
+        border-right-width: var(--vxe-ui-table-border-width);
+      }
+    }
+    &.sy-pos--right {
+      .vxe-table--scroll-y-top-corner,
+      .vxe-table--scroll-y-bottom-corner {
+        &::before {
+          width: calc(100% + 1px);
+          left: -1px;
+        }
+      }
+    }
+    .vxe-table--scroll-y-wrapper {
+      &::before,
+      &::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        width: 0;
+        height: 100%;
+        z-index: 1;
+      }
+      &::before {
+        left: 0;
+        border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
+      }
+      &::after {
+        right: 0;
+        border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
+      }
+    }
+    &.sy-pos--right {
+      .vxe-table--scroll-y-wrapper {
+        &::before {
+          left: -1px;
+        }
+      }
+    }
+  }
   &.border--full {
     .vxe-header--column,
     .vxe-body--column,
@@ -1067,8 +1198,10 @@
     .vxe-table--border-line {
       display: none;
     }
-    .vxe-table--header-border-line {
-      display: none;
+    .vxe-table--header-wrapper {
+      &::after {
+        display: none;
+      }
     }
   }
   
@@ -1081,8 +1214,13 @@
     .vxe-header--column,
     .vxe-body--column,
     .vxe-footer--column {
-      &:not(.col--ellipsis) {
-        padding: var(--vxe-ui-table-column-padding-medium);
+      &.is--padding {
+        .vxe-cell {
+          padding: var(--vxe-ui-table-cell-padding-medium);
+          .vxe-default-textarea {
+            padding: var(--vxe-ui-table-cell-padding-medium);
+          }
+        }
       }
     }
     .vxe-cell {
@@ -1107,8 +1245,13 @@
     .vxe-header--column,
     .vxe-body--column,
     .vxe-footer--column {
-      &:not(.col--ellipsis) {
-        padding: var(--vxe-ui-table-column-padding-small);
+      &.is--padding {
+        .vxe-cell {
+          padding: var(--vxe-ui-table-cell-padding-small);
+          .vxe-default-textarea {
+            padding: var(--vxe-ui-table-cell-padding-small);
+          }
+        }
       }
     }
     .vxe-cell {
@@ -1133,8 +1276,13 @@
     .vxe-header--column,
     .vxe-body--column,
     .vxe-footer--column {
-      &:not(.col--ellipsis) {
-        padding: var(--vxe-ui-table-column-padding-mini);
+      &.is--padding {
+        .vxe-cell {
+          padding: var(--vxe-ui-table-cell-padding-mini);
+          .vxe-default-textarea {
+            padding: var(--vxe-ui-table-cell-padding-mini);
+          }
+        }
       }
     }
     .vxe-cell {
@@ -1151,21 +1299,19 @@
     }
   }
 
-  &.is--padding {
-    .vxe-body--column {
-      .vxe-cell {
-        padding-left: var(--vxe-ui-table-cell-padding-left);
-        padding-right: var(--vxe-ui-table-cell-padding-right);
-      }
-    }
-  }
   .vxe-header--column,
+  .vxe-body--column,
   .vxe-footer--column {
-    .vxe-cell {
-      padding-left: var(--vxe-ui-table-cell-padding-left);
-      padding-right: var(--vxe-ui-table-cell-padding-right);
+    &.is--padding {
+      .vxe-cell {
+        padding: var(--vxe-ui-table-cell-padding-default);
+        .vxe-default-textarea {
+          padding: var(--vxe-ui-table-cell-padding-default);
+        }
+      }
     }
   }
+  
   .vxe-cell {
     white-space: pre-line;
     word-break: break-all;
@@ -1258,33 +1404,60 @@
     float: left;
   }
 
-  /*列宽线*/
-  .vxe-table--resizable-bar {
+  .vxe-table--resizable-row-bar,
+  .vxe-table--resizable-col-bar {
     display: none;
     position: absolute;
     top: 0;
     left: 0;
-    width: 1px;
-    height: 100%;
     z-index: 9;
     pointer-events: none;
-    cursor: col-resize;
+    user-select: none;
     &:before {
       content: "";
       display: block;
-      height: 100%;
       background-color: var(--vxe-ui-table-resizable-drag-line-color);
     }
     .vxe-table--resizable-number-tip {
       position: absolute;
-      left: 0;
-      top: 1em;
       padding: 0.25em 0.25em;
       font-size: 12px;
       border-radius: var(--vxe-ui-border-radius);
       white-space: nowrap;
       color: #ffffff;
       background-color: var(--vxe-ui-table-resizable-drag-line-color);
+      user-select: none;
+      pointer-events: none;
+    }
+  }
+
+  /*列宽线*/
+  .vxe-table--resizable-col-bar {
+    width: 1px;
+    height: 100%;
+    cursor: col-resize;
+    &:before {
+      width: 1px;
+      height: 100%;
+    }
+    .vxe-table--resizable-number-tip {
+      left: 0;
+      top: 1em;
+    }
+  }
+
+  // 行高线
+  .vxe-table--resizable-row-bar {
+    height: 1px;
+    width: 100%;
+    cursor: row-resize;
+    &:before {
+      height: 1px;
+      width: 100%;
+    }
+    .vxe-table--resizable-number-tip {
+      top: 0;
+      left: 0;
     }
   }
 
@@ -1323,7 +1496,7 @@
   .vxe-tree--line {
     content: "";
     position: absolute;
-    bottom: -0.9em;
+    bottom: -1.5em;
     width: 0.8em;
     border-width: 0 0 1px 1px;
     border-style: var(--vxe-ui-table-tree-node-line-style);
@@ -1357,6 +1530,8 @@
     display: block;
     padding-left: 1.5em;
   }
+
+  /*单元格高度*/
   .vxe-body--column {
     &.col--ellipsis {
       & > .vxe-cell {
@@ -1367,6 +1542,61 @@
         }
       }
     }
+    &.col--cs-height,
+    &.col--rs-height,
+    &.col--auto-height {
+      overflow: hidden;
+      & > .vxe-cell {
+        overflow: hidden;
+      }
+    }
+    & > .vxe-cell {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+  }
+  /*溢出列*/
+  .vxe-header--column,
+  .vxe-body--column,
+  .vxe-footer--column {
+    &:not(.col--active) {
+      &.col--ellipsis {
+        & > .vxe-cell {
+          overflow: hidden;
+          & > .vxe-cell--wrapper {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+        }
+      }
+      &.vxe-tree-cell,
+      &.col--vertical-top {
+        & > .vxe-cell {
+          & > .vxe-cell--wrapper {
+            white-space: pre-line;
+          }
+        }
+      }
+    }
+  }
+  .vxe-header--column,
+  .vxe-footer--column {
+    &.col--ellipsis {
+      & > .vxe-cell {
+        .vxe-cell--wrapper {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+      }
+    }
+    & > .vxe-cell {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
   }
 
   /*展开行*/
@@ -1417,28 +1647,6 @@
     }
   }
 
-  /*设置列高度*/
-  &.vxe-editable {
-    .vxe-body--column {
-      @extend %DefaultColumnHeight;
-    }
-    &.size--medium {
-      .vxe-body--column {
-        @extend %MediumColumnHeight;
-      }
-    }
-    &.size--small {
-      .vxe-body--column {
-        @extend %SmallColumnHeight;
-      }
-    }
-    &.size--mini {
-      .vxe-body--column {
-        @extend %MiniColumnHeight;
-      }
-    }
-  }
-
   /*拖拽列*/
   .vxe-table--drag-col-line {
     height: 100%;
@@ -1610,40 +1818,7 @@
     white-space: nowrap;
   }
 
-  /*溢出列*/
-  .vxe-header--column,
-  .vxe-body--column,
-  .vxe-footer--column {
-    &.col--ellipsis {
-      @extend %DefaultColumnHeight;
-      &:not(.col--active) {
-        & > .vxe-cell {
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-        }
-        &.col--vertical-top {
-          & > .vxe-cell {
-            white-space: pre-line;
-          }
-        }
-      }
-      & > .vxe-cell {
-        max-height: var(--vxe-ui-table-row-height-default);
-      }
-    }
-  }
   &.size--medium {
-    .vxe-header--column,
-    .vxe-body--column,
-    .vxe-footer--column {
-      &.col--ellipsis {
-        @extend %MediumColumnHeight;
-        & > .vxe-cell {
-          max-height: var(--vxe-ui-table-row-height-medium);
-        }
-      }
-    }
     .vxe-cell--checkbox {
       font-size: var(--vxe-checkbox-font-size-medium);
     }
@@ -1652,16 +1827,6 @@
     }
   }
   &.size--small {
-    .vxe-header--column,
-    .vxe-body--column,
-    .vxe-footer--column {
-      &.col--ellipsis {
-        @extend %SmallColumnHeight;
-        & > .vxe-cell {
-          max-height: var(--vxe-ui-table-row-height-small);
-        }
-      }
-    }
     .vxe-cell--checkbox {
       font-size: var(--vxe-checkbox-font-size-small);
     }
@@ -1670,16 +1835,6 @@
     }
   }
   &.size--mini {
-    .vxe-header--column,
-    .vxe-body--column,
-    .vxe-footer--column {
-      &.col--ellipsis {
-        @extend %MiniColumnHeight;
-        & > .vxe-cell {
-          max-height: var(--vxe-ui-table-row-height-mini);
-        }
-      }
-    }
     .vxe-cell--checkbox {
       font-size: var(--vxe-checkbox-font-size-mini);
     }
@@ -1925,9 +2080,6 @@
     }
     .vxe-body--column {
       padding: 0;
-      &.col--active {
-        padding: 0;
-      }
     }
   }
 }
@@ -1953,17 +2105,3 @@ div.vxe-table--tooltip-wrapper {
     outline: 0;
   }
 }
-
-.vxe-footer--column {
-  &.col--ellipsis {
-    & > .vxe-cell {
-      display: flex;
-      align-items: center;
-      .vxe-cell--item {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-  }
-}