vxe-table 3.15.5 → 3.15.7

package/es/table/src/props.js

@@ -159,19 +159,21 @@ export default {
     syncResize: [Boolean, String, Number],
     // 响应式布局配置项
     resizeConfig: Object,
-    // 列配置信息
+    // 列配置项
     columnConfig: Object,
-    // 当前列配置信息
+    // 当前列配置项
     currentColumnConfig: Object,
-    // 单元格配置信息
+    // 单元格配置项
     cellConfig: Object,
-    // 表头单元格配置信息
+    // 表头单元格配置项
     headerCellConfig: Object,
-    // 表尾单元格配置信息
+    // 表尾单元格配置项
     footerCellConfig: Object,
-    // 行配置信息
+    // 行配置项
     rowConfig: Object,
-    // 当前行配置信息
+    // 行分组配置项
+    rowGroupConfig: Object,
+    // 当前行配置项
     currentRowConfig: Object,
     // 已废弃，被 rowDragConfig 替换
     dragConfig: Object,

package/es/table/src/table.js

@@ -175,8 +175,9 @@ function renderRowExpandedVNs(h, $xeTable) {
     const props = $xeTable;
     const reactData = $xeTable;
     const internalData = $xeTable;
+    const $xeGrid = $xeTable.$xeGrid;
     const { treeConfig } = props;
-    const { expandColumn } = reactData;
+    const { expandColumn, isRowGroupStatus } = reactData;
     const tableRowExpandedList = $xeTable.computeTableRowExpandedList;
     const expandOpts = $xeTable.computeExpandOpts;
     const { mode } = expandOpts;
@@ -193,13 +194,15 @@ function renderRowExpandedVNs(h, $xeTable) {
         const { handleGetRowId } = createHandleGetRowId($xeTable);
         tableRowExpandedList.forEach((row) => {
             const expandOpts = $xeTable.computeExpandOpts;
-            const { height: expandHeight, padding } = expandOpts;
-            const { fullAllDataRowIdData } = internalData;
+            const { height: expandHeight, padding, indent } = expandOpts;
+            const { fullAllDataRowIdData, fullColumnIdData } = internalData;
             const treeOpts = $xeTable.computeTreeOpts;
             const { transform, seqMode } = treeOpts;
             const cellStyle = {};
             const rowid = handleGetRowId(row);
             const rowRest = fullAllDataRowIdData[rowid];
+            const colid = expandColumn.id;
+            const colRest = fullColumnIdData[colid] || {};
             let rowLevel = 0;
             let seq = -1;
             let _rowIndex = -1;
@@ -207,7 +210,7 @@ function renderRowExpandedVNs(h, $xeTable) {
             let $rowIndex = -1;
             if (rowRest) {
                 rowLevel = rowRest.level;
-                if (treeConfig && transform && seqMode === 'increasing') {
+                if (isRowGroupStatus || (treeConfig && transform && seqMode === 'increasing')) {
                     seq = rowRest._index + 1;
                 }
                 else {
@@ -220,10 +223,39 @@ function renderRowExpandedVNs(h, $xeTable) {
             if (expandHeight) {
                 cellStyle.height = `${expandHeight}px`;
             }
-            if (treeConfig) {
-                cellStyle.paddingLeft = `${(rowLevel * treeOpts.indent) + 30}px`;
+            if (isRowGroupStatus || treeConfig) {
+                cellStyle.paddingLeft = `${(rowLevel * (XEUtils.isNumber(indent) ? indent : treeOpts.indent)) + 30}px`;
             }
-            const expandParams = { $table: $xeTable, seq, column: expandColumn, fixed: '', type: 'body', level: rowLevel, row, rowIndex, $rowIndex, _rowIndex };
+            let columnIndex = -1;
+            let $columnIndex = -1;
+            let _columnIndex = -1;
+            if (colRest) {
+                columnIndex = colRest.index;
+                $columnIndex = colRest.$index;
+                _columnIndex = colRest._index;
+            }
+            const expandParams = {
+                $grid: $xeGrid,
+                $table: $xeTable,
+                seq,
+                column: expandColumn,
+                columnIndex,
+                $columnIndex,
+                _columnIndex,
+                fixed: '',
+                type: 'body',
+                level: rowLevel,
+                rowid,
+                row,
+                rowIndex,
+                $rowIndex,
+                _rowIndex,
+                isHidden: false,
+                isEdit: false,
+                visibleData: [],
+                data: [],
+                items: []
+            };
             expandVNs.push(h('div', {
                 key: rowid,
                 class: ['vxe-body--row-expanded-cell', {
@@ -450,6 +482,8 @@ export default {
             selectRadioRow: null,
             // 表尾合计数据
             footerTableData: [],
+            // 行分组列信息
+            rowGroupColumn: null,
             // 展开列信息
             expandColumn: null,
             hasFixedColumn: false,
@@ -600,6 +634,9 @@ export default {
                 isTitle: false,
                 isFooter: false
             },
+            visiblwRowsFlag: 1,
+            isRowGroupStatus: false,
+            rowGroupExpandedFlag: 1,
             rowExpandedFlag: 1,
             treeExpandedFlag: 1,
             updateCheckboxFlag: 1,
@@ -776,28 +813,41 @@ export default {
             const props = $xeTable;
             return Object.assign({}, getConfig().table.rowConfig, props.rowConfig);
         },
+        computeRowGroupOpts() {
+            const $xeTable = this;
+            const props = $xeTable;
+            return Object.assign({}, getConfig().table.rowGroupConfig, props.rowGroupConfig);
+        },
         computeCurrentRowOpts() {
             const $xeTable = this;
             const props = $xeTable;
             return Object.assign({}, getConfig().table.currentRowConfig, props.currentRowConfig);
         },
         computeRowDragOpts() {
-            return Object.assign({}, getConfig().table.rowDragConfig, this.rowDragConfig);
+            const $xeTable = this;
+            const props = $xeTable;
+            return Object.assign({}, getConfig().table.rowDragConfig, props.rowDragConfig);
         },
         computeColumnDragOpts() {
-            return Object.assign({}, getConfig().table.columnDragConfig, this.columnDragConfig);
+            const $xeTable = this;
+            const props = $xeTable;
+            return Object.assign({}, getConfig().table.columnDragConfig, props.columnDragConfig);
         },
         resizeOpts() {
             return this.computeResizeOpts;
         },
         computeResizeOpts() {
-            return Object.assign({}, getConfig().table.resizeConfig, this.resizeConfig);
+            const $xeTable = this;
+            const props = $xeTable;
+            return Object.assign({}, getConfig().table.resizeConfig, props.resizeConfig);
         },
         resizableOpts() {
             return this.computeResizableOpts;
         },
         computeResizableOpts() {
-            return Object.assign({}, getConfig().table.resizableConfig, this.resizableConfig);
+            const $xeTable = this;
+            const props = $xeTable;
+            return Object.assign({}, getConfig().table.resizableConfig, props.resizableConfig);
         },
         seqOpts() {
             return this.computeSeqOpts;
@@ -1038,20 +1088,22 @@ export default {
             const reactData = $xeTable;
             const internalData = $xeTable;
             const { treeConfig } = props;
-            const { rowExpandedFlag, expandColumn } = reactData;
+            const { rowExpandedFlag, expandColumn, rowGroupExpandedFlag, treeExpandedFlag, isRowGroupStatus } = reactData;
             const { visibleDataRowIdData, rowExpandedMaps } = internalData;
             const treeOpts = $xeTable.computeTreeOpts;
             const { transform } = treeOpts;
             const expandList = [];
-            if (expandColumn && rowExpandedFlag) {
-                if (treeConfig && !transform) {
+            if (expandColumn && rowExpandedFlag && rowGroupExpandedFlag && treeExpandedFlag) {
+                if (isRowGroupStatus || (treeConfig && transform)) {
+                    XEUtils.each(rowExpandedMaps, (row, rowid) => {
+                        if (visibleDataRowIdData[rowid]) {
+                            expandList.push(row);
+                        }
+                    });
+                }
+                else {
                     return XEUtils.values(rowExpandedMaps);
                 }
-                XEUtils.each(rowExpandedMaps, (row, rowid) => {
-                    if (visibleDataRowIdData[rowid]) {
-                        expandList.push(row);
-                    }
-                });
             }
             return expandList;
         },
@@ -1132,6 +1184,11 @@ export default {
                 y: overflowY && scrollYLoad
             };
         },
+        computeRowGroupFields() {
+            const $xeTable = this;
+            const rowGroupOpts = $xeTable.computeRowGroupOpts;
+            return rowGroupOpts.groupFields;
+        },
         tabsResizeFlag() {
             const $xeTable = this;
             const $xeTabs = $xeTable.$xeTabs;
@@ -1244,6 +1301,10 @@ export default {
         mergeFooterItems(value) {
             this.clearMergeFooterItems();
             this.$nextTick(() => this.setMergeFooterItems(value));
+        },
+        computeRowGroupFields(val) {
+            const $xeTable = this;
+            $xeTable.handleUpdateRowGroup(val);
         }
     },
     created() {
@@ -1299,8 +1360,16 @@ export default {
             // 列表完整数据、条件处理后
             tableFullData: [],
             afterFullData: [],
+            afterTreeFullData: [],
+            afterGroupFullData: [],
             // 列表条件处理后数据集合
             afterFullRowMaps: {},
+            // 树结构完整数据、条件处理后
+            tableFullTreeData: [],
+            // 行分组全量数据、条件处理后
+            tableFullGroupData: [],
+            tableSynchData: [],
+            tableSourceData: [],
             // 收集的列配置（带分组）
             collectColumn: [],
             // 完整所有列（不带分组）
@@ -1331,6 +1400,8 @@ export default {
             rowExpandedMaps: {},
             // 懒加载中的展开行的集合
             rowExpandLazyLoadedMaps: {},
+            // 已展开的分组行
+            rowGroupExpandedMaps: {},
             // 已展开树节点集合
             treeExpandedMaps: {},
             // 懒加载中的树节点的集合
@@ -1362,9 +1433,9 @@ export default {
         const importOpts = $xeTable.computeImportOpts;
         const currentRowOpts = $xeTable.computeCurrentRowOpts;
         const currentColumnOpts = $xeTable.computeCurrentColumnOpts;
-        const virtualXOpts = $xeTable.computeVirtualXOpts;
-        const virtualYOpts = $xeTable.computeVirtualYOpts;
         const keyboardOpts = $xeTable.computeKeyboardOpts;
+        const rowGroupOpts = $xeTable.computeRowGroupOpts;
+        const { groupFields } = rowGroupOpts;
         if (props.rowId) {
             warnLog('vxe.error.delProp', ['row-id', 'row-config.keyField']);
         }
@@ -1520,19 +1591,19 @@ export default {
             warnLog('vxe.error.notConflictProp', ['column-config.isCurrent', 'current-column-config.isFollowSelected']);
         }
         // 如果不支持虚拟滚动
-        if (props.spanMethod) {
-            if (virtualXOpts.enabled) {
-                warnLog('vxe.error.notConflictProp', ['span-method', 'virtual-x-config.enabled=false']);
-            }
-            if (virtualYOpts.enabled) {
-                warnLog('vxe.error.notConflictProp', ['span-method', 'virtual-y-config.enabled=false']);
-            }
-        }
-        if (props.footerSpanMethod) {
-            if (virtualXOpts.enabled) {
-                warnLog('vxe.error.notConflictProp', ['footer-span-method', 'virtual-x-config.enabled=false']);
-            }
-        }
+        // if (props.spanMethod) {
+        //   if (virtualXOpts.enabled) {
+        //     warnLog('vxe.error.notConflictProp', ['span-method', 'virtual-x-config.enabled=false'])
+        //   }
+        //   if (virtualYOpts.enabled) {
+        //     warnLog('vxe.error.notConflictProp', ['span-method', 'virtual-y-config.enabled=false'])
+        //   }
+        // }
+        // if (props.footerSpanMethod) {
+        //   if (virtualXOpts.enabled) {
+        //     warnLog('vxe.error.notConflictProp', ['footer-span-method', 'virtual-x-config.enabled=false'])
+        //   }
+        // }
         // 检查是否有安装需要的模块
         if (props.editConfig && !$xeTable.insert) {
             errLog('vxe.error.reqModule', ['Edit']);
@@ -1556,6 +1627,7 @@ export default {
             endIndex: 1,
             visibleSize: 0
         });
+        this.handleUpdateRowGroup(groupFields);
         this.loadTableData(data, true).then(() => {
             if (data && data.length) {
                 this.inited = true;
@@ -1672,7 +1744,7 @@ export default {
         const reactData = $xeTable;
         const { xID } = $xeTable;
         const { loading, stripe, showHeader, height, treeConfig, mouseConfig, showFooter, highlightCell, highlightHoverRow, highlightHoverColumn, editConfig, editRules } = props;
-        const { isGroup, overflowX, overflowY, scrollXLoad, scrollYLoad, tableData, initStore, columnStore, filterStore, customStore } = reactData;
+        const { isGroup, overflowX, overflowY, scrollXLoad, scrollYLoad, tableData, initStore, isRowGroupStatus, columnStore, filterStore, customStore } = reactData;
         const { leftList, rightList } = columnStore;
         const loadingSlot = slots.loading;
         const tableTipConfig = $xeTable.computeTableTipConfig;
@@ -1713,6 +1785,7 @@ export default {
                     'is--header': showHeader,
                     'is--footer': showFooter,
                     'is--group': isGroup,
+                    'is-row-group': isRowGroupStatus,
                     'is--tree-line': treeConfig && (treeOpts.showLine || treeOpts.line),
                     'is--fixed-left': leftList.length,
                     'is--fixed-right': rightList.length,

package/es/table/style.css

@@ -1824,7 +1824,16 @@
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-input, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-textarea, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-select, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-tree-select, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-date-picker, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-number-input, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-ico-picker {
   width: 100%;
 }
-.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-default-input,
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-default-input,
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-default-textarea,
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-default-select,
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-input,
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-textarea,
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-select,
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-tree-select,
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-date-picker,
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-number-input,
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-ico-picker, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-default-input,
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-default-textarea,
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-default-select,
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-input,
@@ -1919,14 +1928,20 @@
 .vxe-table--filter-template > .vxe-default-textarea {
   resize: none;
 }
-.vxe-cell > .vxe-cell--tree-node .vxe-input > .vxe-input--inner,
+.vxe-cell > .vxe-row-group--tree-node .vxe-input > .vxe-input--inner,
+.vxe-cell > .vxe-row-group--tree-node .vxe-textarea > .vxe-textarea--inner, .vxe-cell > .vxe-cell--tree-node .vxe-input > .vxe-input--inner,
 .vxe-cell > .vxe-cell--tree-node .vxe-textarea > .vxe-textarea--inner,
+.vxe-table--filter-template > .vxe-row-group--tree-node .vxe-input > .vxe-input--inner,
+.vxe-table--filter-template > .vxe-row-group--tree-node .vxe-textarea > .vxe-textarea--inner,
 .vxe-table--filter-template > .vxe-cell--tree-node .vxe-input > .vxe-input--inner,
 .vxe-table--filter-template > .vxe-cell--tree-node .vxe-textarea > .vxe-textarea--inner {
   padding: 0 2px;
 }
-.vxe-cell > .vxe-cell--tree-node .vxe-textarea--inner,
+.vxe-cell > .vxe-row-group--tree-node .vxe-textarea--inner,
+.vxe-cell > .vxe-row-group--tree-node .vxe-default-textarea, .vxe-cell > .vxe-cell--tree-node .vxe-textarea--inner,
 .vxe-cell > .vxe-cell--tree-node .vxe-default-textarea,
+.vxe-table--filter-template > .vxe-row-group--tree-node .vxe-textarea--inner,
+.vxe-table--filter-template > .vxe-row-group--tree-node .vxe-default-textarea,
 .vxe-table--filter-template > .vxe-cell--tree-node .vxe-textarea--inner,
 .vxe-table--filter-template > .vxe-cell--tree-node .vxe-default-textarea {
   resize: none;
@@ -2377,6 +2392,7 @@
   /*列宽线*/
   /*边框线*/
   /*树形节点*/
+  /*行分组*/
   /*单元格高度*/
   /*溢出列*/
   /*展开行*/
@@ -2407,33 +2423,6 @@
 .vxe-table--render-default:not(.is--empty).is--footer.is--scroll-x .vxe-table--body-wrapper {
   outline: 0;
 }
-.vxe-table--render-default .vxe-body--row.row--stripe {
-  background-color: var(--vxe-ui-table-row-striped-background-color);
-}
-.vxe-table--render-default .vxe-body--row.row--radio {
-  background-color: var(--vxe-ui-table-row-radio-checked-background-color);
-}
-.vxe-table--render-default .vxe-body--row.row--checked {
-  background-color: var(--vxe-ui-table-row-checkbox-checked-background-color);
-}
-.vxe-table--render-default .vxe-body--row.row--current {
-  background-color: var(--vxe-ui-table-row-current-background-color);
-}
-.vxe-table--render-default .vxe-body--row.row--hover {
-  background-color: var(--vxe-ui-table-row-hover-background-color);
-}
-.vxe-table--render-default .vxe-body--row.row--hover.row--stripe {
-  background-color: var(--vxe-ui-table-row-hover-striped-background-color);
-}
-.vxe-table--render-default .vxe-body--row.row--hover.row--radio {
-  background-color: var(--vxe-ui-table-row-hover-radio-checked-background-color);
-}
-.vxe-table--render-default .vxe-body--row.row--hover.row--checked {
-  background-color: var(--vxe-ui-table-row-hover-checkbox-checked-background-color);
-}
-.vxe-table--render-default .vxe-body--row.row--hover.row--current {
-  background-color: var(--vxe-ui-table-row-hover-current-background-color);
-}
 .vxe-table--render-default.col-drag--resize .vxe-table--main-wrapper *,
 .vxe-table--render-default.col-drag--resize .vxe-table--fixed-left-wrapper *,
 .vxe-table--render-default.col-drag--resize .vxe-table--fixed-right-wrapper * {
@@ -2537,6 +2526,33 @@
 .vxe-table--render-default .vxe-footer--column.col--ellipsis.col--right .vxe-cell {
   justify-content: flex-end;
 }
+.vxe-table--render-default .vxe-body--row.row--stripe > .vxe-body--column {
+  background-color: var(--vxe-ui-table-row-striped-background-color);
+}
+.vxe-table--render-default .vxe-body--row.row--radio > .vxe-body--column {
+  background-color: var(--vxe-ui-table-row-radio-checked-background-color);
+}
+.vxe-table--render-default .vxe-body--row.row--checked > .vxe-body--column {
+  background-color: var(--vxe-ui-table-row-checkbox-checked-background-color);
+}
+.vxe-table--render-default .vxe-body--row.row--current > .vxe-body--column {
+  background-color: var(--vxe-ui-table-row-current-background-color);
+}
+.vxe-table--render-default .vxe-body--row.row--hover > .vxe-body--column {
+  background-color: var(--vxe-ui-table-row-hover-background-color);
+}
+.vxe-table--render-default .vxe-body--row.row--hover.row--stripe > .vxe-body--column {
+  background-color: var(--vxe-ui-table-row-hover-striped-background-color);
+}
+.vxe-table--render-default .vxe-body--row.row--hover.row--radio > .vxe-body--column {
+  background-color: var(--vxe-ui-table-row-hover-radio-checked-background-color);
+}
+.vxe-table--render-default .vxe-body--row.row--hover.row--checked > .vxe-body--column {
+  background-color: var(--vxe-ui-table-row-hover-checkbox-checked-background-color);
+}
+.vxe-table--render-default .vxe-body--row.row--hover.row--current > .vxe-body--column {
+  background-color: var(--vxe-ui-table-row-hover-current-background-color);
+}
 .vxe-table--render-default .vxe-table--footer-wrapper {
   border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
@@ -2993,10 +3009,25 @@
   border-color: var(--vxe-ui-table-tree-node-line-color);
   pointer-events: none;
 }
+.vxe-table--render-default .vxe-row-group--tree-node,
 .vxe-table--render-default .vxe-cell--tree-node {
   position: relative;
 }
-.vxe-table--render-default .vxe-tree--btn-wrapper {
+.vxe-table--render-default .vxe-cell--tree-btn:hover {
+  color: var(--vxe-ui-font-color);
+}
+.vxe-table--render-default .vxe-cell--tree-btn > i {
+  display: block;
+  color: var(--vxe-ui-font-lighten-color);
+  transition: transform 0.1s ease-in-out;
+}
+.vxe-table--render-default .vxe-row-group-cell,
+.vxe-table--render-default .vxe-tree-cell {
+  display: block;
+  padding-left: 1.5em;
+}
+.vxe-table--render-default .vxe-cell--tree-btn,
+.vxe-table--render-default .vxe-row-group--node-btn {
   position: absolute;
   top: 50%;
   width: 1em;
@@ -3009,18 +3040,15 @@
           user-select: none;
   cursor: pointer;
 }
-.vxe-table--render-default .vxe-tree--node-btn {
-  display: block;
-  color: var(--vxe-ui-font-lighten-color);
-  transition: transform 0.1s ease-in-out;
-}
-.vxe-table--render-default .vxe-tree--node-btn:hover {
+.vxe-table--render-default .vxe-row-group--node-btn:hover {
   color: var(--vxe-ui-font-color);
 }
-.vxe-table--render-default .vxe-tree-cell {
+.vxe-table--render-default .vxe-row-group--node-btn > i {
   display: block;
-  padding-left: 1.5em;
+  color: var(--vxe-ui-font-lighten-color);
+  transition: transform 0.1s ease-in-out;
 }
+.vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-row-group-cell,
 .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-tree-cell {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -3052,9 +3080,11 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.vxe-table--render-default .vxe-header--column:not(.col--active).vxe-tree-cell > .vxe-cell > .vxe-cell--wrapper, .vxe-table--render-default .vxe-header--column:not(.col--active).col--vertical-top > .vxe-cell > .vxe-cell--wrapper,
+.vxe-table--render-default .vxe-header--column:not(.col--active).vxe-row-group-cell > .vxe-cell > .vxe-cell--wrapper, .vxe-table--render-default .vxe-header--column:not(.col--active).vxe-tree-cell > .vxe-cell > .vxe-cell--wrapper, .vxe-table--render-default .vxe-header--column:not(.col--active).col--vertical-top > .vxe-cell > .vxe-cell--wrapper,
+.vxe-table--render-default .vxe-body--column:not(.col--active).vxe-row-group-cell > .vxe-cell > .vxe-cell--wrapper,
 .vxe-table--render-default .vxe-body--column:not(.col--active).vxe-tree-cell > .vxe-cell > .vxe-cell--wrapper,
 .vxe-table--render-default .vxe-body--column:not(.col--active).col--vertical-top > .vxe-cell > .vxe-cell--wrapper,
+.vxe-table--render-default .vxe-footer--column:not(.col--active).vxe-row-group-cell > .vxe-cell > .vxe-cell--wrapper,
 .vxe-table--render-default .vxe-footer--column:not(.col--active).vxe-tree-cell > .vxe-cell > .vxe-cell--wrapper,
 .vxe-table--render-default .vxe-footer--column:not(.col--active).col--vertical-top > .vxe-cell > .vxe-cell--wrapper {
   white-space: pre-line;