vxe-table 3.9.0-rc.2 → 3.9.0-rc.21

package/es/table/src/props.js

@@ -8,39 +8,89 @@ export default {
     // 表格的高度
     height: [Number, String],
     // 表格的最小高度
-    minHeight: { type: [Number, String], default: () => getConfig().table.minHeight },
+    minHeight: {
+        type: [Number, String],
+        default: () => getConfig().table.minHeight
+    },
     // 表格的最大高度
     maxHeight: [Number, String],
     // 已废弃，被 column-config.resizable 替换
-    resizable: { type: Boolean, default: () => getConfig().table.resizable },
+    resizable: {
+        type: Boolean,
+        default: () => getConfig().table.resizable
+    },
     // 是否带有斑马纹
-    stripe: { type: Boolean, default: () => getConfig().table.stripe },
+    stripe: {
+        type: Boolean,
+        default: () => getConfig().table.stripe
+    },
     // 是否带有边框
-    border: { type: [Boolean, String], default: () => getConfig().table.border },
+    border: {
+        type: [Boolean, String],
+        default: () => getConfig().table.border
+    },
+    // 单元格是否有边距
+    padding: {
+        type: Boolean,
+        default: () => getConfig().table.padding
+    },
     // 是否圆角边框
-    round: { type: Boolean, default: () => getConfig().table.round },
+    round: {
+        type: Boolean,
+        default: () => getConfig().table.round
+    },
     // 表格的尺寸
-    size: { type: String, default: () => getConfig().table.size || getConfig().size },
+    size: {
+        type: String,
+        default: () => getConfig().table.size || getConfig().size
+    },
     // 列的宽度是否自撑开（可能会被废弃的参数，不要使用）
-    fit: { type: Boolean, default: () => getConfig().table.fit },
+    fit: {
+        type: Boolean,
+        default: () => getConfig().table.fit
+    },
     // 表格是否加载中
     loading: Boolean,
     // 所有的列对其方式
-    align: { type: String, default: () => getConfig().table.align },
+    align: {
+        type: String,
+        default: () => getConfig().table.align
+    },
     // 所有的表头列的对齐方式
-    headerAlign: { type: String, default: () => getConfig().table.headerAlign },
+    headerAlign: {
+        type: String,
+        default: () => getConfig().table.headerAlign
+    },
     // 所有的表尾列的对齐方式
-    footerAlign: { type: String, default: () => getConfig().table.footerAlign },
+    footerAlign: {
+        type: String,
+        default: () => getConfig().table.footerAlign
+    },
     // 是否显示表头
-    showHeader: { type: Boolean, default: () => getConfig().table.showHeader },
+    showHeader: {
+        type: Boolean,
+        default: () => getConfig().table.showHeader
+    },
     // 已废弃，被 row-config.isCurrent 替换
-    highlightCurrentRow: { type: Boolean, default: () => getConfig().table.highlightCurrentRow },
+    highlightCurrentRow: {
+        type: Boolean,
+        default: () => getConfig().table.highlightCurrentRow
+    },
     // 已废弃，被 row-config.isHover 替换
-    highlightHoverRow: { type: Boolean, default: () => getConfig().table.highlightHoverRow },
+    highlightHoverRow: {
+        type: Boolean,
+        default: () => getConfig().table.highlightHoverRow
+    },
     // 已废弃，被 column-config.isCurrent 替换
-    highlightCurrentColumn: { type: Boolean, default: () => getConfig().table.highlightCurrentColumn },
+    highlightCurrentColumn: {
+        type: Boolean,
+        default: () => getConfig().table.highlightCurrentColumn
+    },
     // 已废弃，被 column-config.isHover 替换
-    highlightHoverColumn: { type: Boolean, default: () => getConfig().table.highlightHoverColumn },
+    highlightHoverColumn: {
+        type: Boolean,
+        default: () => getConfig().table.highlightHoverColumn
+    },
     // 已废弃，直接删除
     highlightCell: Boolean,
     // 是否显示表尾合计

package/es/table/src/table.js

@@ -357,13 +357,22 @@ export default {
             return '';
         },
         validOpts() {
-            return Object.assign({ message: 'default' }, getConfig().table.validConfig, this.validConfig);
+            return this.computeValidOpts;
+        },
+        computeValidOpts() {
+            return Object.assign({ message: 'default' }, XEUtils.clone(getConfig().table.validConfig, true), this.validConfig);
         },
         sXOpts() {
-            return Object.assign({}, getConfig().table.scrollX, this.scrollX);
+            return this.computeSXOpts;
+        },
+        computeSXOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.scrollX, true), this.scrollX);
         },
         sYOpts() {
-            return Object.assign({}, getConfig().table.scrollY, this.scrollY);
+            return this.computeSYOpts;
+        },
+        computeSYOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.scrollY, true), this.scrollY);
         },
         rowHeightMaps() {
             return {
@@ -374,28 +383,52 @@ export default {
             };
         },
         columnOpts() {
-            return Object.assign({}, getConfig().table.columnConfig, this.columnConfig);
+            return this.computeColumnOpts;
+        },
+        computeColumnOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.columnConfig, true), this.columnConfig);
         },
         rowOpts() {
-            return Object.assign({}, getConfig().table.rowConfig, this.rowConfig);
+            return this.computeRowOpts;
+        },
+        computeRowOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.rowConfig, true), this.rowConfig);
         },
         resizeOpts() {
-            return Object.assign({}, getConfig().table.resizeConfig, this.resizeConfig);
+            return this.computeResizeOpts;
+        },
+        computeResizeOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.resizeConfig, true), this.resizeConfig);
         },
         resizableOpts() {
-            return Object.assign({}, getConfig().table.resizableConfig, this.resizableConfig);
+            return this.computeResizableOpts;
+        },
+        computeResizableOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.resizableConfig, true), this.resizableConfig);
         },
         seqOpts() {
-            return Object.assign({ startIndex: 0 }, getConfig().table.seqConfig, this.seqConfig);
+            return this.computeSeqOpts;
+        },
+        computeSeqOpts() {
+            return Object.assign({ startIndex: 0 }, XEUtils.clone(getConfig().table.seqConfig, true), this.seqConfig);
         },
         radioOpts() {
-            return Object.assign({}, getConfig().table.radioConfig, this.radioConfig);
+            return this.computeRadioOpts;
+        },
+        computeRadioOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.radioConfig, true), this.radioConfig);
         },
         checkboxOpts() {
-            return Object.assign({}, getConfig().table.checkboxConfig, this.checkboxConfig);
+            return this.computeCheckboxOpts;
+        },
+        computeCheckboxOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.checkboxConfig, true), this.checkboxConfig);
         },
         tooltipOpts() {
-            return Object.assign({}, getConfig().tooltip, getConfig().table.tooltipConfig, this.tooltipConfig);
+            return this.computeTooltipOpts;
+        },
+        computeTooltipOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().tooltip, true), XEUtils.clone(getConfig().table.tooltipConfig, true), this.tooltipConfig);
         },
         tipConfig() {
             return Object.assign({}, this.tooltipOpts);
@@ -404,32 +437,52 @@ export default {
             return Object.assign({ isArrow: false }, this.tooltipOpts);
         },
         editOpts() {
-            return Object.assign({}, getConfig().table.editConfig, this.editConfig);
+            return this.computeEditOpts;
+        },
+        computeEditOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.editConfig, true), this.editConfig);
         },
         sortOpts() {
-            return Object.assign({ orders: ['asc', 'desc', null] }, getConfig().table.sortConfig, this.sortConfig);
+            return this.computeSortOpts;
+        },
+        computeSortOpts() {
+            return Object.assign({ orders: ['asc', 'desc', null] }, XEUtils.clone(getConfig().table.sortConfig, true), this.sortConfig);
         },
         filterOpts() {
-            return Object.assign({}, getConfig().table.filterConfig, this.filterConfig);
+            return this.computeFilterOpts;
+        },
+        computeFilterOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.filterConfig, true), this.filterConfig);
         },
         mouseOpts() {
-            return Object.assign({}, getConfig().table.mouseConfig, this.mouseConfig);
+            return this.computeMouseOpts;
+        },
+        computeMouseOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.mouseConfig, true), this.mouseConfig);
         },
         areaOpts() {
-            return Object.assign({}, getConfig().table.areaConfig, this.areaConfig);
+            return this.computeAreaOpts;
+        },
+        computeAreaOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.areaConfig, true), this.areaConfig);
         },
         keyboardOpts() {
-            return Object.assign({}, getConfig().table.keyboardConfig, this.keyboardConfig);
+            return this.computeKeyboardOpts;
+        },
+        computeKeyboardOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.keyboardConfig, true), this.keyboardConfig);
         },
         clipOpts() {
-            return Object.assign({}, getConfig().table.clipConfig, this.clipConfig);
+            return this.computeClipOpts;
+        },
+        computeClipOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.clipConfig, true), this.clipConfig);
         },
         fnrOpts() {
-            return Object.assign({}, getConfig().table.fnrConfig, this.fnrConfig);
+            return this.computeFNROpts;
         },
-        hasTip() {
-            return true;
-            // return VXETable._tooltip
+        computeFNROpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.fnrConfig, true), this.fnrConfig);
         },
         headerCtxMenu() {
             const headerOpts = this.ctxMenuOpts.header;
@@ -446,9 +499,6 @@ export default {
         isCtxMenu() {
             return !!((this.contextMenu || this.menuConfig) && isEnableConf(this.ctxMenuOpts) && (this.headerCtxMenu.length || this.bodyCtxMenu.length || this.footerCtxMenu.length));
         },
-        ctxMenuOpts() {
-            return Object.assign({}, getConfig().table.menuConfig, this.contextMenu, this.menuConfig);
-        },
         ctxMenuList() {
             const rest = [];
             this.ctxMenuStore.list.forEach((list) => {
@@ -458,36 +508,63 @@ export default {
             });
             return rest;
         },
+        ctxMenuOpts() {
+            return this.computeMenuOpts;
+        },
+        computeMenuOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.menuConfig, true), this.contextMenu, this.menuConfig);
+        },
         exportOpts() {
-            return Object.assign({}, getConfig().table.exportConfig, this.exportConfig);
+            return this.computeExportOpts;
+        },
+        computeExportOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.exportConfig, true), this.exportConfig);
         },
         importOpts() {
-            return Object.assign({}, getConfig().table.importConfig, this.importConfig);
+            return this.computeImportOpts;
+        },
+        computeImportOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.importConfig, true), this.importConfig);
         },
         printOpts() {
-            return Object.assign({}, getConfig().table.printConfig, this.printConfig);
+            return this.computePrintOpts;
+        },
+        computePrintOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.printConfig, true), this.printConfig);
         },
         expandOpts() {
-            return Object.assign({}, getConfig().table.expandConfig, this.expandConfig);
+            return this.computeExpandOpts;
+        },
+        computeExpandOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.expandConfig, true), this.expandConfig);
         },
         treeOpts() {
-            return Object.assign({}, getConfig().table.treeConfig, this.treeConfig);
+            return this.computeTreeOpts;
+        },
+        computeTreeOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.treeConfig, true), this.treeConfig);
         },
         emptyOpts() {
-            return Object.assign({}, getConfig().table.emptyRender, this.emptyRender);
+            return this.computeEmptyOpts;
+        },
+        computeEmptyOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.emptyRender, true), this.emptyRender);
         },
         loadingOpts() {
-            return Object.assign({}, getConfig().table.loadingConfig, this.loadingConfig);
+            return this.computeLoadingOpts;
+        },
+        computeLoadingOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.loadingConfig, true), this.loadingConfig);
         },
         cellOffsetWidth() {
             return this.border ? Math.max(2, Math.ceil(this.scrollbarWidth / this.tableColumn.length)) : 1;
         },
-        computeCustomOpts() {
-            return Object.assign({}, getConfig().table.customConfig, this.customConfig);
-        },
         customOpts() {
             return this.computeCustomOpts;
         },
+        computeCustomOpts() {
+            return Object.assign({}, XEUtils.clone(getConfig().table.customConfig, true), this.customConfig);
+        },
         autoWidthColumnList() {
             const { tableColumn, visibleColumn } = this;
             return tableColumn.length || visibleColumn.length ? visibleColumn.filter((column) => column.width === 'auto' || column.minWidth === 'auto') : [];
@@ -658,7 +735,7 @@ export default {
             fullColumnIdData: {},
             fullColumnFieldData: {}
         });
-        if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        if (process.env.NODE_ENV === 'development') {
             if (this.rowId) {
                 warnLog('vxe.error.delProp', ['row-id', 'row-config.keyField']);
             }
@@ -707,7 +784,7 @@ export default {
                 warnLog('vxe.error.errProp', [`export-config.types=${exportOpts.types.join(',')}`, exportOpts.types.filter((type) => XEUtils.includes(XEUtils.keys(exportOpts._typeMaps), type)).join(',') || XEUtils.keys(exportOpts._typeMaps).join(',')]);
             }
         }
-        if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        if (process.env.NODE_ENV === 'development') {
             const customOpts = this.customOpts;
             if (!this.id && this.customConfig && (customOpts.storage === true || (customOpts.storage && customOpts.storage.resizable) || (customOpts.storage && customOpts.storage.visible))) {
                 errLog('vxe.error.reqProp', ['id']);
@@ -747,7 +824,7 @@ export default {
             }
         }
         // v4 中只支持对象类型
-        if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        if (process.env.NODE_ENV === 'development') {
             // 在 v3.0 中废弃 context-menu
             if (this.contextMenu) {
                 warnLog('vxe.error.delProp', ['context-menu', 'menu-config']);
@@ -790,7 +867,7 @@ export default {
             }
         }
         // 检查是否有安装需要的模块
-        if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        if (process.env.NODE_ENV === 'development') {
             if (this.editConfig && !this._insert) {
                 errLog('vxe.error.reqModule', ['Edit']);
             }
@@ -836,7 +913,9 @@ export default {
         this.preventEvent(null, 'created');
     },
     mounted() {
-        if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        const $xeTable = this;
+        const props = $xeTable;
+        if (process.env.NODE_ENV === 'development') {
             const { $listeners } = this;
             if (!this.menuConfig && ($listeners['menu-click'] || $listeners['cell-menu'] || $listeners['header-cell-menu'] || $listeners['footer-cell-menu'])) {
                 warnLog('vxe.error.reqProp', ['menu-config']);
@@ -845,6 +924,26 @@ export default {
                 warnLog('vxe.error.reqProp', ['tooltip-config']);
             }
         }
+        if (process.env.NODE_ENV === 'development') {
+            // 使用已安装的组件，如果未安装则不渲染
+            const VxeUILoadingComponent = VxeUI.getComponent('VxeLoading');
+            const VxeUITooltipComponent = VxeUI.getComponent('VxeTooltip');
+            $xeTable.$nextTick(() => {
+                if (props.loading) {
+                    if (!VxeUILoadingComponent) {
+                        errLog('vxe.error.reqComp', ['vxe-loading']);
+                    }
+                }
+                if ((props.showOverflow === true || props.showOverflow === 'tooltip') ||
+                    (props.showHeaderOverflow === true || props.showHeaderOverflow === 'tooltip') ||
+                    (props.showFooterOverflow === true || props.showFooterOverflow === 'tooltip') ||
+                    props.tooltipConfig || props.editRules) {
+                    if (!VxeUITooltipComponent) {
+                        errLog('vxe.error.reqComp', ['vxe-tooltip']);
+                    }
+                }
+            });
+        }
         if (this.autoResize) {
             const handleWrapperResize = this.resizeOpts.refreshDelay ? XEUtils.throttle(() => this.recalculate(true), this.resizeOpts.refreshDelay, { leading: true, trailing: true }) : null;
             const resizeObserver = globalResize.create(handleWrapperResize
@@ -892,9 +991,13 @@ export default {
         this.preventEvent(null, 'destroyed');
     },
     render(h) {
-        const { _e, $scopedSlots, tId, isCalcColumn, tableData, tableColumn, tableGroupColumn, isGroup, loading, stripe, showHeader, height, tableBorder, treeOpts, treeConfig, mouseConfig, mouseOpts, vSize, validOpts, showFooter, overflowX, overflowY, scrollXLoad, scrollYLoad, scrollbarHeight, highlightCell, highlightHoverRow, highlightHoverColumn, editConfig, validTipOpts, initStore, columnStore, filterStore, customStore, ctxMenuStore, ctxMenuOpts, footerTableData, hasTip, columnOpts, rowOpts, checkboxOpts, loadingOpts, editRules } = this;
+        // 使用已安装的组件，如果未安装则不渲染
+        const VxeUILoadingComponent = VxeUI.getComponent('VxeLoading');
+        const VxeUITooltipComponent = VxeUI.getComponent('VxeTooltip');
+        const { _e, $scopedSlots, tId, isCalcColumn, tableData, tableColumn, tableGroupColumn, isGroup, loading, stripe, showHeader, height, tableBorder, treeOpts, treeConfig, mouseConfig, mouseOpts, computeSize, validOpts, showFooter, overflowX, overflowY, scrollXLoad, scrollYLoad, scrollbarHeight, highlightCell, highlightHoverRow, highlightHoverColumn, editConfig, validTipOpts, initStore, columnStore, filterStore, customStore, ctxMenuStore, ctxMenuOpts, footerTableData, columnOpts, rowOpts, checkboxOpts, loadingOpts, editRules } = this;
         const { leftList, rightList } = columnStore;
         const currLoading = this._isLoading || loading;
+        const vSize = computeSize;
         return h('div', {
             class: ['vxe-table', 'vxe-table--render-default', `tid_${tId}`, vSize ? `size--${vSize}` : '', `border--${tableBorder}`, {
                     [`valid-msg--${validOpts.msgMode}`]: !!editRules,
@@ -914,6 +1017,7 @@ export default {
                     'is--fixed-left': leftList.length,
                     'is--fixed-right': rightList.length,
                     'is--animat': !!this.animat,
+                    'is--padding': this.padding,
                     'is--round': this.round,
                     'is--stripe': !treeConfig && stripe,
                     'is--loading': currLoading,
@@ -1027,14 +1131,16 @@ export default {
             /**
              * 加载中
              */
-            h('vxe-loading', {
-                class: 'vxe-table--loading',
-                props: {
-                    value: currLoading,
-                    icon: loadingOpts.icon,
-                    text: loadingOpts.text
-                }
-            }, this.callSlot($scopedSlots.loading, {}, h)),
+            VxeUILoadingComponent
+                ? h(VxeUILoadingComponent, {
+                    class: 'vxe-table--loading',
+                    props: {
+                        value: currLoading,
+                        icon: loadingOpts.icon,
+                        text: loadingOpts.text
+                    }
+                }, this.callSlot($scopedSlots.loading, {}, h))
+                : _e(),
             /**
              * 自定义列
              */
@@ -1095,8 +1201,8 @@ export default {
                 /**
                  * 通用提示
                  */
-                hasTip
-                    ? h('vxe-tooltip', {
+                VxeUITooltipComponent
+                    ? h(VxeUITooltipComponent, {
                         ref: 'commTip',
                         props: {
                             isArrow: false,
@@ -1107,8 +1213,8 @@ export default {
                 /**
                  * 工具提示
                  */
-                hasTip
-                    ? h('vxe-tooltip', {
+                VxeUITooltipComponent
+                    ? h(VxeUITooltipComponent, {
                         ref: 'tooltip',
                         props: Object.assign({}, this.tipConfig, this.tooltipStore.currOpts)
                     })
@@ -1116,8 +1222,8 @@ export default {
                 /**
                  * 校验提示
                  */
-                hasTip && this.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip')
-                    ? h('vxe-tooltip', {
+                VxeUITooltipComponent && this.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip')
+                    ? h(VxeUITooltipComponent, {
                         ref: 'validTip',
                         class: [{
                                 'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete'

package/es/table/src/util.js

@@ -135,7 +135,7 @@ export function assembleColumn(_vm) {
     const groupConfig = $xecolumn ? $xecolumn.columnConfig : null;
     columnConfig.slots = _vm.$scopedSlots;
     if (groupConfig) {
-        if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        if (process.env.NODE_ENV === 'development') {
             if ($xecolumn.$options._componentTag === 'vxe-table-column') {
                 errLog('vxe.error.groupTag', [`<vxe-table-colgroup title=${$xecolumn.title} ...>`, `<vxe-table-column title=${$xecolumn.title} ...>`]);
             }
@@ -251,7 +251,8 @@ function countTreeExpand(prevRow, params) {
     return count;
 }
 export function getOffsetSize($xetable) {
-    return lineOffsetSizes[$xetable.vSize] || 0;
+    const vSize = $xetable.computeSize;
+    return lineOffsetSizes[vSize] || 0;
 }
 export function calcTreeLine(params, items, rIndex) {
     const { $table } = params;

package/es/table/style.css

@@ -1771,6 +1771,16 @@
   resize: none;
 }
 
+.vxe-body--column.col--height.col--active > .vxe-cell {
+  height: 100%;
+}
+.vxe-body--column.col--height > .vxe-cell > .vxe-textarea, .vxe-body--column.col--height > .vxe-cell > .vxe-default-textarea {
+  height: 100%;
+}
+.vxe-body--column .vxe-cell--label.is--textarea {
+  white-space: pre-line;
+}
+
 .vxe-table--checkbox-range,
 .vxe-table--cell-main-area,
 .vxe-table--cell-extend-area,
@@ -1991,12 +2001,12 @@
   top: 0.2em;
 }
 .vxe-header--column .vxe-cell--required-icon {
-  margin-right: 0.1em;
+  padding-right: 0.1em;
 }
 .vxe-header--column .vxe-cell--edit-icon,
 .vxe-header--column .vxe-cell-title-prefix-icon,
 .vxe-header--column .vxe-cell-title-suffix-icon {
-  margin-right: 0.2em;
+  padding: 0.2em;
 }
 .vxe-header--column .vxe-cell-title-prefix-icon,
 .vxe-header--column .vxe-cell-title-suffix-icon {
@@ -2053,10 +2063,10 @@
   /*单元格编辑状态*/
   /*可编辑*/
 }
-.vxe-table--render-default .vxe-table--body-wrapper table {
+.vxe-table--render-default .vxe-table--body-wrapper > table {
   background-color: var(--vxe-ui-layout-background-color);
 }
-.vxe-table--render-default .vxe-table--footer-wrapper table {
+.vxe-table--render-default .vxe-table--footer-wrapper > table {
   background-color: var(--vxe-ui-table-footer-background-color);
 }
 .vxe-table--render-default .vxe-table--header,
@@ -2143,6 +2153,13 @@
       -ms-user-select: none;
           user-select: none;
 }
+.vxe-table--render-default.is--padding .vxe-body--column:not(.col--ellipsis) {
+  padding: var(--vxe-ui-table-column-padding-default);
+}
+.vxe-table--render-default .vxe-header--column:not(.col--ellipsis),
+.vxe-table--render-default .vxe-footer--column:not(.col--ellipsis) {
+  padding: var(--vxe-ui-table-column-padding-default);
+}
 .vxe-table--render-default .vxe-header--column,
 .vxe-table--render-default .vxe-body--column,
 .vxe-table--render-default .vxe-footer--column {
@@ -2150,11 +2167,6 @@
   line-height: var(--vxe-ui-table-row-line-height);
   text-align: left;
 }
-.vxe-table--render-default .vxe-header--column:not(.col--ellipsis),
-.vxe-table--render-default .vxe-body--column:not(.col--ellipsis),
-.vxe-table--render-default .vxe-footer--column:not(.col--ellipsis) {
-  padding: var(--vxe-ui-table-column-padding-default);
-}
 .vxe-table--render-default .vxe-header--column.col--current,
 .vxe-table--render-default .vxe-body--column.col--current,
 .vxe-table--render-default .vxe-footer--column.col--current {
@@ -2286,11 +2298,13 @@
 .vxe-table--render-default.size--mini .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button {
   margin-top: 1px;
 }
+.vxe-table--render-default.is--padding .vxe-cell {
+  padding-left: var(--vxe-ui-table-cell-padding-left);
+  padding-right: var(--vxe-ui-table-cell-padding-right);
+}
 .vxe-table--render-default .vxe-cell {
   white-space: pre-line;
   word-break: break-all;
-  padding-left: var(--vxe-ui-table-cell-padding-left);
-  padding-right: var(--vxe-ui-table-cell-padding-right);
 }
 .vxe-table--render-default .vxe-cell--placeholder {
   color: var(--vxe-ui-table-cell-placeholder-color);
@@ -2567,14 +2581,14 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.vxe-table--render-default .vxe-header--column.col--ellipsis > .vxe-cell,
-.vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell,
-.vxe-table--render-default .vxe-footer--column.col--ellipsis > .vxe-cell {
+.vxe-table--render-default .vxe-header--column.col--ellipsis:not(.col--height) > .vxe-cell,
+.vxe-table--render-default .vxe-body--column.col--ellipsis:not(.col--height) > .vxe-cell,
+.vxe-table--render-default .vxe-footer--column.col--ellipsis:not(.col--height) > .vxe-cell {
   max-height: var(--vxe-ui-table-row-height-default);
 }
-.vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis > .vxe-cell,
-.vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis > .vxe-cell,
-.vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis > .vxe-cell {
+.vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis:not(.col--height) > .vxe-cell,
+.vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis:not(.col--height) > .vxe-cell,
+.vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis:not(.col--height) > .vxe-cell {
   max-height: var(--vxe-ui-table-row-height-medium);
 }
 .vxe-table--render-default.size--medium .vxe-cell--checkbox {
@@ -2583,9 +2597,9 @@
 .vxe-table--render-default.size--medium .vxe-cell--radio {
   font-size: var(--vxe-radio-font-size-medium);
 }
-.vxe-table--render-default.size--small .vxe-header--column.col--ellipsis > .vxe-cell,
-.vxe-table--render-default.size--small .vxe-body--column.col--ellipsis > .vxe-cell,
-.vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis > .vxe-cell {
+.vxe-table--render-default.size--small .vxe-header--column.col--ellipsis:not(.col--height) > .vxe-cell,
+.vxe-table--render-default.size--small .vxe-body--column.col--ellipsis:not(.col--height) > .vxe-cell,
+.vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis:not(.col--height) > .vxe-cell {
   max-height: var(--vxe-ui-table-row-height-small);
 }
 .vxe-table--render-default.size--small .vxe-cell--checkbox {
@@ -2594,9 +2608,9 @@
 .vxe-table--render-default.size--small .vxe-cell--radio {
   font-size: var(--vxe-radio-font-size-small);
 }
-.vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis > .vxe-cell,
-.vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis > .vxe-cell,
-.vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis > .vxe-cell {
+.vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis:not(.col--height) > .vxe-cell,
+.vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis:not(.col--height) > .vxe-cell,
+.vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis:not(.col--height) > .vxe-cell {
   max-height: var(--vxe-ui-table-row-height-mini);
 }
 .vxe-table--render-default.size--mini .vxe-cell--checkbox {