vxe-table 3.10.16 → 3.11.0

package/es/table/src/body.js

@@ -270,7 +270,7 @@ function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, ro
     }, tdVNs);
 }
 function renderRows(h, _vm, $xeTable, fixedType, tableData, tableColumn) {
-    const { stripe, rowKey, highlightHoverRow, rowClassName, rowStyle, editConfig, showOverflow: allColumnOverflow, treeConfig, treeOpts, expandOpts, editOpts, treeExpandedMaps, scrollYLoad, rowExpandedMaps, radioOpts, checkboxOpts, expandColumn, hasFixedColumn, fullAllDataRowIdData, rowOpts, pendingRowList, pendingRowMaps } = $xeTable;
+    const { stripe, rowKey, highlightHoverRow, rowClassName, rowStyle, editConfig, showOverflow: allColumnOverflow, treeConfig, treeOpts, expandOpts, editOpts, treeExpandedMaps, scrollYLoad, rowExpandedMaps, radioOpts, checkboxOpts, expandColumn, hasFixedColumn, fullAllDataRowIdData, rowOpts, pendingRowList, pendingRowMaps, columnOpts, isDragColMove } = $xeTable;
     const childrenField = treeOpts.children || treeOpts.childrenField;
     const rows = [];
     tableData.forEach((row, $rowIndex) => {
@@ -325,31 +325,47 @@ function renderRows(h, _vm, $xeTable, fixedType, tableData, tableColumn) {
             rowChildren = row[childrenField];
             isExpandTree = rowChildren && rowChildren.length && !!treeExpandedMaps[rowid];
         }
-        rows.push(h('tr', {
-            class: [
-                'vxe-body--row',
-                treeConfig ? `row--level-${rowLevel}` : '',
-                {
-                    'row--stripe': stripe && ($xeTable.getVTRowIndex(row) + 1) % 2 === 0,
-                    'is--new': isNewRow,
-                    'is--expand-row': isExpandRow,
-                    'is--expand-tree': isExpandTree,
-                    'row--new': isNewRow && (editOpts.showStatus || editOpts.showInsertStatus),
-                    'row--radio': radioOpts.highlight && $xeTable.selectRadioRow === row,
-                    'row--checked': checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
-                    'row--pending': pendingRowList.length && !!pendingRowMaps[rowid]
-                },
-                rowClassName ? (XEUtils.isFunction(rowClassName) ? rowClassName(params) : rowClassName) : ''
-            ],
-            attrs: {
-                rowid
+        const trClass = [
+            'vxe-body--row',
+            treeConfig ? `row--level-${rowLevel}` : '',
+            {
+                'row--stripe': stripe && ($xeTable.getVTRowIndex(row) + 1) % 2 === 0,
+                'is--new': isNewRow,
+                'is--expand-row': isExpandRow,
+                'is--expand-tree': isExpandTree,
+                'row--new': isNewRow && (editOpts.showStatus || editOpts.showInsertStatus),
+                'row--radio': radioOpts.highlight && $xeTable.selectRadioRow === row,
+                'row--checked': checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
+                'row--pending': pendingRowList.length && !!pendingRowMaps[rowid]
             },
-            style: rowStyle ? (XEUtils.isFunction(rowStyle) ? rowStyle(params) : rowStyle) : null,
-            key: rowKey || rowOpts.useKey || rowOpts.drag || treeConfig ? rowid : $rowIndex,
-            on: trOn
-        }, tableColumn.map((column, $columnIndex) => {
+            rowClassName ? (XEUtils.isFunction(rowClassName) ? rowClassName(params) : rowClassName) : ''
+        ];
+        const tdVNs = tableColumn.map((column, $columnIndex) => {
             return renderColumn(h, _vm, $xeTable, seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
-        })));
+        });
+        rows.push(columnOpts.drag
+            ? h('transition-group', {
+                props: {
+                    tag: 'tr',
+                    name: `vxe-header--col-list${isDragColMove ? '' : '-disabled'}`
+                },
+                class: trClass,
+                attrs: {
+                    rowid
+                },
+                style: rowStyle ? (XEUtils.isFunction(rowStyle) ? rowStyle(params) : rowStyle) : null,
+                key: rowKey || rowOpts.useKey || rowOpts.drag || treeConfig ? rowid : $rowIndex,
+                nativeOn: trOn
+            }, tdVNs)
+            : h('tr', {
+                class: trClass,
+                attrs: {
+                    rowid
+                },
+                style: rowStyle ? (XEUtils.isFunction(rowStyle) ? rowStyle(params) : rowStyle) : null,
+                key: rowKey || rowOpts.useKey || rowOpts.drag || treeConfig ? rowid : $rowIndex,
+                on: trOn
+            }, tdVNs));
         // 如果行被展开了
         if (isExpandRow) {
             const { height: expandHeight, padding } = expandOpts;

package/es/table/src/cell.js

@@ -45,9 +45,12 @@ function renderTitleSuffixIcon(h, params) {
 }
 function renderCellDragIcon(h, params) {
     const { $table } = params;
-    const dragOpts = $table.computeDragOpts;
-    const { rowIcon, rowDisabledMethod } = dragOpts;
-    const isDisabled = rowDisabledMethod && rowDisabledMethod(params);
+    const tableProps = $table;
+    const { dragConfig } = tableProps;
+    const rowDragOpts = $table.computeRowDragOpts;
+    const { icon, disabledMethod } = rowDragOpts;
+    const rDisabledMethod = disabledMethod || (dragConfig ? dragConfig.rowDisabledMethod : null);
+    const isDisabled = rDisabledMethod && rDisabledMethod(params);
     return h('span', {
         key: 'dg',
         class: ['vxe-cell--drag-handle', {
@@ -63,26 +66,66 @@ function renderCellDragIcon(h, params) {
         }
     }, [
         h('i', {
-            class: rowIcon || getIcon().TABLE_DRAG_ROW
+            class: icon || (dragConfig ? dragConfig.rowIcon : '') || getIcon().TABLE_DRAG_ROW
         })
     ]);
 }
 function renderCellBaseVNs(h, params, content) {
-    const { $table, column, row, level } = params;
+    const { $table, column, level } = params;
     const { dragSort } = column;
     const tableProps = $table;
-    const { treeConfig } = tableProps;
+    const { treeConfig, dragConfig } = tableProps;
     const rowOpts = $table.computeRowOpts;
-    const dragOpts = $table.computeDragOpts;
-    const { showRowIcon, rowVisibleMethod } = dragOpts;
+    const rowDragOpts = $table.computeRowDragOpts;
+    const { showIcon, visibleMethod } = rowDragOpts;
+    const rVisibleMethod = visibleMethod || (dragConfig ? dragConfig.rowVisibleMethod : null);
     const vns = XEUtils.isArray(content) ? content : [content];
-    if (dragSort && rowOpts.drag && (showRowIcon && (!rowVisibleMethod || rowVisibleMethod({ row, column })))) {
+    if (dragSort && rowOpts.drag && ((showIcon || (dragConfig ? dragConfig.showRowIcon : false)) && (!rVisibleMethod || rVisibleMethod(params)))) {
         if (!treeConfig || !level) {
             vns.unshift(renderCellDragIcon(h, params));
         }
     }
     return vns;
 }
+function renderHeaderCellDragIcon(h, params) {
+    const { $table, column } = params;
+    const columnOpts = $table.computeColumnOpts;
+    const columnDragOpts = $table.computeColumnDragOpts;
+    const { showIcon, icon, visibleMethod, disabledMethod } = columnDragOpts;
+    const isDisabled = disabledMethod && disabledMethod(params);
+    if (columnOpts.drag && showIcon && (!visibleMethod || visibleMethod(params))) {
+        if (!(column.fixed || column.parentId)) {
+            return h('span', {
+                key: 'dg',
+                class: ['vxe-cell--drag-handle', {
+                        'is--disabled': isDisabled
+                    }],
+                on: {
+                    mousedown(evnt) {
+                        if (!isDisabled) {
+                            $table.handleHeaderCellDragMousedownEvent(evnt, params);
+                        }
+                    },
+                    mouseup: $table.handleHeaderCellDragMouseupEvent
+                }
+            }, [
+                h('i', {
+                    class: icon || getIcon().TABLE_DRAG_COLUMN
+                })
+            ]);
+        }
+    }
+    return renderEmptyElement($table);
+}
+function renderHeaderCellBaseVNs(h, params, content) {
+    const vns = [
+        renderTitlePrefixIcon(h, params),
+        renderHeaderCellDragIcon(h, params),
+        ...(XEUtils.isArray(content) ? content : [content]),
+        renderTitleSuffixIcon(h, params)
+    ];
+    return vns;
+}
 function renderTitleContent(h, params, content) {
     const { $table, column } = params;
     const { type, showHeaderOverflow } = column;
@@ -245,7 +288,7 @@ export const Cell = {
         return createColumn($xetable, _vm, renMaps);
     },
     /**
-     * 单元格
+     * 列头标题
      */
     renderHeaderTitle(h, params) {
         const { $table, column } = params;
@@ -264,7 +307,7 @@ export const Cell = {
         return renderTitleContent(h, params, formatText(column.getTitle(), 1));
     },
     renderDefaultHeader(h, params) {
-        return renderTitlePrefixIcon(h, params).concat(Cell.renderHeaderTitle(h, params)).concat(renderTitleSuffixIcon(h, params));
+        return renderHeaderCellBaseVNs(h, params, Cell.renderHeaderTitle(h, params));
     },
     renderDefaultCell(h, params) {
         const { $table, row, column } = params;
@@ -371,12 +414,12 @@ export const Cell = {
         ];
     },
     /**
-     * 索引
+     * 序号
      */
     renderSeqHeader(h, params) {
         const { $table, column } = params;
         const { slots } = column;
-        return renderTitleContent(h, params, slots && slots.header ? $table.callSlot(slots.header, params, h) : formatText(column.getTitle(), 1));
+        return renderHeaderCellBaseVNs(h, params, renderTitleContent(h, params, slots && slots.header ? $table.callSlot(slots.header, params, h) : formatText(column.getTitle(), 1)));
     },
     renderSeqCell(h, params) {
         const { $table, column } = params;
@@ -402,13 +445,13 @@ export const Cell = {
         const { slots } = column;
         const headerSlot = slots ? slots.header : null;
         const titleSlot = slots ? slots.title : null;
-        return renderTitleContent(h, params, headerSlot
+        return renderHeaderCellBaseVNs(h, params, renderTitleContent(h, params, headerSlot
             ? $table.callSlot(headerSlot, params, h)
             : [
                 h('span', {
                     class: 'vxe-radio--label'
                 }, titleSlot ? $table.callSlot(titleSlot, params, h) : formatText(column.getTitle(), 1))
-            ]);
+            ]));
     },
     renderRadioCell(h, params) {
         const { $table, column, isHidden } = params;
@@ -485,16 +528,16 @@ export const Cell = {
         }
         const checkboxParams = Object.assign(Object.assign({}, params), { checked: isAllCheckboxSelected, disabled: isAllCheckboxDisabled, indeterminate: isAllCheckboxIndeterminate });
         if (headerSlot) {
-            return renderTitleContent(h, checkboxParams, $table.callSlot(headerSlot, checkboxParams, h));
+            return renderHeaderCellBaseVNs(h, params, renderTitleContent(h, checkboxParams, $table.callSlot(headerSlot, checkboxParams, h)));
         }
         if (checkboxOpts.checkStrictly ? !checkboxOpts.showHeader : checkboxOpts.showHeader === false) {
-            return renderTitleContent(h, checkboxParams, [
+            return renderHeaderCellBaseVNs(h, params, renderTitleContent(h, checkboxParams, [
                 h('span', {
                     class: 'vxe-checkbox--label'
                 }, titleSlot ? $table.callSlot(titleSlot, checkboxParams, h) : headerTitle)
-            ]);
+            ]));
         }
-        return renderTitleContent(h, checkboxParams, [
+        return renderHeaderCellBaseVNs(h, params, renderTitleContent(h, checkboxParams, [
             h('span', {
                 class: ['vxe-cell--checkbox', {
                         'is--checked': isAllCheckboxSelected,
@@ -516,7 +559,7 @@ export const Cell = {
                     }, titleSlot ? $table.callSlot(titleSlot, checkboxParams, h) : headerTitle)
                 ]
                 : []))
-        ]);
+        ]));
     },
     renderCheckboxCell(h, params) {
         const { $table, row, column, isHidden } = params;
@@ -722,15 +765,13 @@ export const Cell = {
      * 排序和筛选
      */
     renderSortAndFilterHeader(h, params) {
-        return Cell.renderDefaultHeader(h, params)
-            .concat(Cell.renderSortIcon(h, params))
-            .concat(Cell.renderFilterIcon(h, params));
+        return renderHeaderCellBaseVNs(h, params, Cell.renderHeaderTitle(h, params).concat(Cell.renderSortIcon(h, params)));
     },
     /**
      * 排序
      */
     renderSortHeader(h, params) {
-        return Cell.renderDefaultHeader(h, params).concat(Cell.renderSortIcon(h, params));
+        return renderHeaderCellBaseVNs(h, params, Cell.renderHeaderTitle(h, params).concat(Cell.renderSortIcon(h, params)));
     },
     renderSortIcon(h, params) {
         const { $table, column } = params;
@@ -776,7 +817,7 @@ export const Cell = {
      * 筛选
      */
     renderFilterHeader(h, params) {
-        return Cell.renderDefaultHeader(h, params).concat(Cell.renderFilterIcon(h, params));
+        return renderHeaderCellBaseVNs(h, params, Cell.renderHeaderTitle(h, params).concat(Cell.renderFilterIcon(h, params)));
     },
     renderFilterIcon(h, params) {
         const { $table, column, hasFilter } = params;
@@ -820,22 +861,24 @@ export const Cell = {
                 isRequired = columnRules.some((rule) => rule.required);
             }
         }
-        return (isEnableConf(editConfig)
-            ? [
+        let editIconVNs = [];
+        if (isEnableConf(editConfig)) {
+            editIconVNs = [
                 isRequired && editOpts.showAsterisk
                     ? h('i', {
                         class: 'vxe-cell--required-icon'
                     })
-                    : null,
+                    : renderEmptyElement($table),
                 isEnableConf(editRender) && editOpts.showIcon
                     ? h('i', {
                         class: ['vxe-cell--edit-icon', editOpts.icon || getIcon().TABLE_EDIT]
                     })
-                    : null
-            ]
-            : []).concat(Cell.renderDefaultHeader(h, params))
+                    : renderEmptyElement($table)
+            ];
+        }
+        return renderHeaderCellBaseVNs(h, params, editIconVNs.concat(Cell.renderHeaderTitle(h, params))
             .concat(sortable || remoteSort ? Cell.renderSortIcon(h, params) : [])
-            .concat(filters ? Cell.renderFilterIcon(h, params) : []);
+            .concat(filters ? Cell.renderFilterIcon(h, params) : []));
     },
     // 行格编辑模式
     renderRowEdit(h, params) {

package/es/table/src/footer.js

@@ -17,6 +17,163 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
         }
     }
 }
+function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIndex) {
+    const { $parent: $xetable, fixedType } = _vm;
+    const { $listeners: tableListeners, footerCellClassName, footerCellStyle, footerAlign: allFooterAlign, mergeFooterList, footerSpanMethod, align: allAlign, scrollXLoad, columnKey, columnOpts, showFooterOverflow: allColumnFooterOverflow, currentColumn, overflowX, scrollbarWidth, tooltipOpts } = $xetable;
+    return tableColumn.map((column, $columnIndex) => {
+        const { type, showFooterOverflow, footerAlign, align, footerClassName, editRender, cellRender } = column;
+        const renderOpts = editRender || cellRender;
+        const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
+        const showAllTip = tooltipOpts.showAll || tooltipOpts.enabled;
+        const isColGroup = column.children && column.children.length;
+        const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
+        const footOverflow = XEUtils.isUndefined(showFooterOverflow) || XEUtils.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
+        const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
+        let showEllipsis = footOverflow === 'ellipsis';
+        const showTitle = footOverflow === 'title';
+        const showTooltip = footOverflow === true || footOverflow === 'tooltip';
+        let hasEllipsis = showTitle || showTooltip || showEllipsis;
+        const attrs = { colid: column.id };
+        const tfOns = {};
+        const columnIndex = $xetable.getColumnIndex(column);
+        const _columnIndex = $xetable.getVTColumnIndex(column);
+        const itemIndex = _columnIndex;
+        const cellParams = {
+            $table: $xetable,
+            $grid: $xetable.xegrid,
+            row,
+            _rowIndex,
+            $rowIndex,
+            column,
+            columnIndex,
+            $columnIndex,
+            _columnIndex,
+            itemIndex,
+            items: row,
+            fixed: fixedType,
+            type: renderType,
+            data: footerTableData
+        };
+        // 虚拟滚动不支持动态高度
+        if (scrollXLoad && !hasEllipsis) {
+            showEllipsis = hasEllipsis = true;
+        }
+        if (showTitle || showTooltip || showAllTip) {
+            tfOns.mouseenter = (evnt) => {
+                if (showTitle) {
+                    updateCellTitle(evnt.currentTarget, column);
+                }
+                else if (showTooltip || showAllTip) {
+                    $xetable.triggerFooterTooltipEvent(evnt, cellParams);
+                }
+            };
+        }
+        if (showTooltip || showAllTip) {
+            tfOns.mouseleave = (evnt) => {
+                if (showTooltip || showAllTip) {
+                    $xetable.handleTargetLeaveEvent(evnt);
+                }
+            };
+        }
+        if (tableListeners['footer-cell-click']) {
+            tfOns.click = (evnt) => {
+                $xetable.emitEvent('footer-cell-click', Object.assign({ cell: evnt.currentTarget }, cellParams), evnt);
+            };
+        }
+        if (tableListeners['footer-cell-dblclick']) {
+            tfOns.dblclick = (evnt) => {
+                $xetable.emitEvent('footer-cell-dblclick', Object.assign({ cell: evnt.currentTarget }, cellParams), evnt);
+            };
+        }
+        // 合并行或列
+        if (mergeFooterList.length) {
+            const spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex);
+            if (spanRest) {
+                const { rowspan, colspan } = spanRest;
+                if (!rowspan || !colspan) {
+                    return null;
+                }
+                if (rowspan > 1) {
+                    attrs.rowspan = rowspan;
+                }
+                if (colspan > 1) {
+                    attrs.colspan = colspan;
+                }
+            }
+        }
+        else if (footerSpanMethod) {
+            // 自定义合并方法
+            const { rowspan = 1, colspan = 1 } = footerSpanMethod(cellParams) || {};
+            if (!rowspan || !colspan) {
+                return null;
+            }
+            if (rowspan > 1) {
+                attrs.rowspan = rowspan;
+            }
+            if (colspan > 1) {
+                attrs.colspan = colspan;
+            }
+        }
+        return h('td', {
+            class: ['vxe-footer--column', column.id, {
+                    [`col--${footAlign}`]: footAlign,
+                    [`col--${type}`]: type,
+                    'col--last': $columnIndex === tableColumn.length - 1,
+                    'fixed--hidden': fixedHiddenColumn,
+                    'col--ellipsis': hasEllipsis,
+                    'col--current': currentColumn === column
+                }, getClass(footerClassName, cellParams), getClass(footerCellClassName, cellParams)],
+            attrs,
+            style: footerCellStyle ? (XEUtils.isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle) : null,
+            on: tfOns,
+            key: columnKey || columnOpts.useKey || columnOpts.drag ? column.id : $columnIndex
+        }, [
+            h('div', {
+                class: ['vxe-cell', {
+                        'c--title': showTitle,
+                        'c--tooltip': showTooltip,
+                        'c--ellipsis': showEllipsis
+                    }]
+            }, column.renderFooter(h, cellParams))
+        ]);
+    }).concat(scrollbarWidth
+        ? [
+            h('td', {
+                key: `gr${$rowIndex}`,
+                class: 'vxe-footer--gutter col--gutter'
+            })
+        ]
+        : []);
+}
+function renderHeads(h, _vm, footerTableData) {
+    const { $parent: $xetable, fixedType, tableColumn } = _vm;
+    const { footerRowClassName, footerRowStyle, isDragColMove } = $xetable;
+    const columnOpts = $xetable.columnOpts;
+    return footerTableData.map((row, $rowIndex) => {
+        const _rowIndex = $rowIndex;
+        const rowParams = { $table: $xetable, row, _rowIndex, $rowIndex, fixed: fixedType, type: renderType };
+        if (columnOpts.drag) {
+            return h('transition-group', {
+                props: {
+                    tag: 'tr',
+                    name: `vxe-header--col-list${isDragColMove ? '' : '-disabled'}`,
+                    class: [
+                        'vxe-footer--row',
+                        footerRowClassName ? XEUtils.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''
+                    ],
+                    style: footerRowStyle ? (XEUtils.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle) : null
+                }
+            }, renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIndex));
+        }
+        return h('tr', {
+            class: [
+                'vxe-footer--row',
+                footerRowClassName ? XEUtils.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''
+            ],
+            style: footerRowStyle ? (XEUtils.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle) : null
+        }, renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIndex));
+    });
+}
 export default {
     name: 'VxeTableFooter',
     props: {
@@ -48,7 +205,7 @@ export default {
     },
     render(h) {
         let { _e, $parent: $xetable, fixedType, fixedColumn, tableColumn, footerTableData } = this;
-        const { $listeners: tableListeners, tId, footerRowClassName, footerCellClassName, footerRowStyle, footerCellStyle, footerAlign: allFooterAlign, mergeFooterList, footerSpanMethod, align: allAlign, scrollXLoad, columnKey, columnOpts, showFooterOverflow: allColumnFooterOverflow, currentColumn, overflowX, scrollbarWidth, tooltipOpts, visibleColumn, expandColumn } = $xetable;
+        const { tId, mergeFooterList, footerSpanMethod, scrollXLoad, showFooterOverflow: allColumnFooterOverflow, scrollbarWidth, visibleColumn, expandColumn } = $xetable;
         // 如果是使用优化模式
         if (fixedType) {
             // 如果存在展开行使用全量渲染
@@ -115,136 +272,7 @@ export default {
                  */
                 h('tfoot', {
                     ref: 'tfoot'
-                }, footerTableData.map((list, _rowIndex) => {
-                    const $rowIndex = _rowIndex;
-                    const rowParams = { $table: $xetable, row: list, _rowIndex, $rowIndex, fixed: fixedType, type: renderType };
-                    return h('tr', {
-                        class: ['vxe-footer--row', footerRowClassName ? XEUtils.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''],
-                        style: footerRowStyle ? (XEUtils.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle) : null
-                    }, tableColumn.map((column, $columnIndex) => {
-                        const { type, showFooterOverflow, footerAlign, align, footerClassName, editRender, cellRender } = column;
-                        const renderOpts = editRender || cellRender;
-                        const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
-                        const showAllTip = tooltipOpts.showAll || tooltipOpts.enabled;
-                        const isColGroup = column.children && column.children.length;
-                        const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
-                        const footOverflow = XEUtils.isUndefined(showFooterOverflow) || XEUtils.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
-                        const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
-                        let showEllipsis = footOverflow === 'ellipsis';
-                        const showTitle = footOverflow === 'title';
-                        const showTooltip = footOverflow === true || footOverflow === 'tooltip';
-                        let hasEllipsis = showTitle || showTooltip || showEllipsis;
-                        const attrs = { colid: column.id };
-                        const tfOns = {};
-                        const columnIndex = $xetable.getColumnIndex(column);
-                        const _columnIndex = $xetable.getVTColumnIndex(column);
-                        const itemIndex = _columnIndex;
-                        const cellParams = {
-                            $table: $xetable,
-                            $grid: $xetable.xegrid,
-                            row: list,
-                            _rowIndex,
-                            $rowIndex,
-                            column,
-                            columnIndex,
-                            $columnIndex,
-                            _columnIndex,
-                            itemIndex,
-                            items: list,
-                            fixed: fixedType,
-                            type: renderType,
-                            data: footerTableData
-                        };
-                        // 虚拟滚动不支持动态高度
-                        if (scrollXLoad && !hasEllipsis) {
-                            showEllipsis = hasEllipsis = true;
-                        }
-                        if (showTitle || showTooltip || showAllTip) {
-                            tfOns.mouseenter = (evnt) => {
-                                if (showTitle) {
-                                    updateCellTitle(evnt.currentTarget, column);
-                                }
-                                else if (showTooltip || showAllTip) {
-                                    $xetable.triggerFooterTooltipEvent(evnt, cellParams);
-                                }
-                            };
-                        }
-                        if (showTooltip || showAllTip) {
-                            tfOns.mouseleave = (evnt) => {
-                                if (showTooltip || showAllTip) {
-                                    $xetable.handleTargetLeaveEvent(evnt);
-                                }
-                            };
-                        }
-                        if (tableListeners['footer-cell-click']) {
-                            tfOns.click = (evnt) => {
-                                $xetable.emitEvent('footer-cell-click', Object.assign({ cell: evnt.currentTarget }, cellParams), evnt);
-                            };
-                        }
-                        if (tableListeners['footer-cell-dblclick']) {
-                            tfOns.dblclick = (evnt) => {
-                                $xetable.emitEvent('footer-cell-dblclick', Object.assign({ cell: evnt.currentTarget }, cellParams), evnt);
-                            };
-                        }
-                        // 合并行或列
-                        if (mergeFooterList.length) {
-                            const spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex);
-                            if (spanRest) {
-                                const { rowspan, colspan } = spanRest;
-                                if (!rowspan || !colspan) {
-                                    return null;
-                                }
-                                if (rowspan > 1) {
-                                    attrs.rowspan = rowspan;
-                                }
-                                if (colspan > 1) {
-                                    attrs.colspan = colspan;
-                                }
-                            }
-                        }
-                        else if (footerSpanMethod) {
-                            // 自定义合并方法
-                            const { rowspan = 1, colspan = 1 } = footerSpanMethod(cellParams) || {};
-                            if (!rowspan || !colspan) {
-                                return null;
-                            }
-                            if (rowspan > 1) {
-                                attrs.rowspan = rowspan;
-                            }
-                            if (colspan > 1) {
-                                attrs.colspan = colspan;
-                            }
-                        }
-                        return h('td', {
-                            class: ['vxe-footer--column', column.id, {
-                                    [`col--${footAlign}`]: footAlign,
-                                    [`col--${type}`]: type,
-                                    'col--last': $columnIndex === tableColumn.length - 1,
-                                    'fixed--hidden': fixedHiddenColumn,
-                                    'col--ellipsis': hasEllipsis,
-                                    'col--current': currentColumn === column
-                                }, getClass(footerClassName, cellParams), getClass(footerCellClassName, cellParams)],
-                            attrs,
-                            style: footerCellStyle ? (XEUtils.isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle) : null,
-                            on: tfOns,
-                            key: columnKey || columnOpts.useKey ? column.id : $columnIndex
-                        }, [
-                            h('div', {
-                                class: ['vxe-cell', {
-                                        'c--title': showTitle,
-                                        'c--tooltip': showTooltip,
-                                        'c--ellipsis': showEllipsis
-                                    }]
-                            }, column.renderFooter(h, cellParams))
-                        ]);
-                    }).concat(scrollbarWidth
-                        ? [
-                            h('td', {
-                                class: 'vxe-footer--gutter col--gutter'
-                            })
-                        ]
-                        : []));
-                }))
+                }, renderHeads(h, this, footerTableData))
             ])
         ]);
     },