vxe-table 3.12.10-beta.2 → 3.12.10-beta.21

package/packages/table/src/body.ts

@@ -18,11 +18,11 @@ const isVMScrollProcess = ($xeTable: VxeTableConstructor & VxeTablePrivateMethod
   const tableReactData = $xeTable as unknown as TableReactData
 
   const { delayHover } = tableProps
-  const { lastScrollTime, _isResize } = tableReactData
-  return !!(_isResize || (lastScrollTime && Date.now() < lastScrollTime + (delayHover as number)))
+  const { lastScrollTime, isDragResize } = tableReactData
+  return !!(isDragResize || (lastScrollTime && Date.now() < lastScrollTime + (delayHover as number)))
 }
 
-function renderLine (h: CreateElement, _vm: any, params: VxeTableDefines.CellRenderBodyParams) {
+function renderLine (h: CreateElement, _vm: any, params: VxeTableDefines.CellRenderBodyParams, cellHeight: number) {
   const $xeTable = _vm.$parent as VxeTableConstructor & VxeTablePrivateMethods
   const tableProps = $xeTable
   const tableInternalData = $xeTable as unknown as TableInternalData
@@ -42,18 +42,20 @@ function renderLine (h: CreateElement, _vm: any, params: VxeTableDefines.CellRen
   let prevRow = null
   if (rest) {
     rLevel = rest.level
-    prevRow = rest.items[rest._index - 1]
+    prevRow = rest.items[rest.treeIndex - 1]
   }
   const isFirstRow = $xeTable.eqRow(afterFullData[0], row)
   if (treeConfig && treeNode && (treeOpts.showLine || treeOpts.line)) {
     return [
       h('div', {
+        key: 'tl',
         class: 'vxe-tree--line-wrapper'
       }, [
         h('div', {
           class: 'vxe-tree--line',
           style: {
             height: `${isFirstRow ? 1 : calcTreeLine(params, prevRow)}px`,
+            bottom: `-${Math.floor(cellHeight / 2)}px`,
             left: `${(rLevel * treeOpts.indent) + (rLevel ? 2 - getOffsetSize($xeTable) : 0) + 16}px`
           }
         })
@@ -89,8 +91,8 @@ function renderTdColumn (
   const tableInternalData = $xeTable as unknown as TableInternalData
 
   const { fullAllDataRowIdData } = tableInternalData
-  const { columnKey, height, showOverflow: allColumnOverflow, cellClassName: allCellClassName, cellStyle, align: allAlign, spanMethod, mouseConfig, editConfig, editRules, tooltipConfig } = tableProps
-  const { tableData, overflowX, currentColumn, scrollXLoad, scrollYLoad, isCalcCellHeight, mergeList, editStore, isAllOverflow, validErrorMaps } = tableReactData
+  const { columnKey, height, showOverflow: allColumnOverflow, cellClassName: allCellClassName, cellStyle, align: allAlign, spanMethod, mouseConfig, editConfig, editRules, tooltipConfig, padding: allPadding } = tableProps
+  const { tableData, overflowX, currentColumn, scrollXLoad, scrollYLoad, calcCellHeightFlag, resizeHeightFlag, mergeList, editStore, isAllOverflow, validErrorMaps } = tableReactData
   const { afterFullData, scrollXStore, scrollYStore } = tableInternalData
   const cellOpts = $xeTable.computeCellOpts
   const validOpts = $xeTable.computeValidOpts
@@ -100,15 +102,16 @@ function renderTdColumn (
   const rowOpts = $xeTable.computeRowOpts
   const rowDragOpts = $xeTable.computeRowDragOpts
   const defaultRowHeight = $xeTable.computeDefaultRowHeight
+  const currCellHeight = cellOpts.height || rowOpts.height || defaultRowHeight
   const { disabledMethod: dragDisabledMethod, isCrossDrag, isPeerDrag } = rowDragOpts
   const columnOpts = $xeTable.computeColumnOpts
   const mouseOpts = $xeTable.computeMouseOpts
   const areaOpts = $xeTable.computeAreaOpts
   const { selectCellToRow } = areaOpts
-  const { type, cellRender, editRender, align, showOverflow, className, treeNode, slots } = column
+  const { type, cellRender, editRender, align, showOverflow, className, treeNode, rowResize, slots } = column
   const { verticalAlign } = cellOpts
   const { actived } = editStore
-  const { height: customRHeight } = rowOpts
+  const rowRest = fullAllDataRowIdData[rowid]
   const colid = column.id
   const renderOpts = editRender || cellRender
   const compConf = renderOpts ? renderer.get(renderOpts.name) : null
@@ -118,21 +121,24 @@ function renderTdColumn (
   const columnIndex = $xeTable.getColumnIndex(column)
   const _columnIndex = $xeTable.getVTColumnIndex(column)
   const isEdit = isEnableConf(editRender)
+  const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0
   let fixedHiddenColumn = fixedType ? column.fixed !== fixedType : column.fixed && overflowX
+  const isPadding = allPadding === null ? cellOpts.padding : allPadding
   const cellOverflow = (XEUtils.isUndefined(showOverflow) || XEUtils.isNull(showOverflow)) ? allColumnOverflow : showOverflow
   const showEllipsis = cellOverflow === 'ellipsis'
   const showTitle = cellOverflow === 'title'
   const showTooltip = cellOverflow === true || cellOverflow === 'tooltip'
   // 如果表格加上 showOverflow 则不再支持列单独设置
-  const hasEllipsis = allColumnOverflow || showTitle || showTooltip || showEllipsis
+  const hasEllipsis = allColumnOverflow || showTitle || showTooltip || showEllipsis || resizeHeight > 0
   let isDirty
   const tdOns: any = {}
-  const rest = fullAllDataRowIdData[rowid]
   const cellAlign = align || (compConf ? compConf.tableCellAlign : '') || allAlign
   const errorValidItem = validErrorMaps[`${rowid}:${colid}`]
   const showValidTip = editRules && validOpts.showMessage && (validOpts.message === 'default' ? (height || tableData.length > 1) : validOpts.message === 'inline')
-  const attrs: any = { colid }
-  const params: VxeTableDefines.CellRenderBodyParams = {
+  const tdAttrs: any = { colid }
+  const cellParams: VxeTableDefines.CellRenderBodyParams & {
+    $table: VxeTableConstructor<any> & VxeTablePrivateMethods
+  } = {
     $table: $xeTable,
     $grid: $xeTable.xegrid,
     isEdit: false,
@@ -160,7 +166,7 @@ function renderTdColumn (
     isRowDragCell = rowDragOpts.trigger === 'row' || (column.dragSort && rowDragOpts.trigger === 'cell')
   }
   if (isRowDragCell) {
-    isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(params))
+    isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(cellParams))
   }
   // hover 进入事件
   if (showTitle || showTooltip || showAllTip || tooltipConfig) {
@@ -172,9 +178,9 @@ function renderTdColumn (
         updateCellTitle(evnt.currentTarget, column)
       } else if (showTooltip || showAllTip) {
         // 如果配置了显示 tooltip
-        $xeTable.triggerBodyTooltipEvent(evnt, params)
+        $xeTable.triggerBodyTooltipEvent(evnt, cellParams)
       }
-      $xeTable.dispatchEvent('cell-mouseenter', Object.assign({ cell: evnt.currentTarget }, params), evnt)
+      $xeTable.dispatchEvent('cell-mouseenter', Object.assign({ cell: evnt.currentTarget }, cellParams), evnt)
     }
   }
   // hover 退出事件
@@ -186,13 +192,13 @@ function renderTdColumn (
       if (showTooltip || showAllTip) {
         $xeTable.handleTargetLeaveEvent(evnt)
       }
-      $xeTable.dispatchEvent('cell-mouseleave', Object.assign({ cell: evnt.currentTarget }, params), evnt)
+      $xeTable.dispatchEvent('cell-mouseleave', Object.assign({ cell: evnt.currentTarget }, cellParams), evnt)
     }
   }
   // 按下事件处理
   if (isRowDragCell || checkboxOpts.range || mouseConfig) {
     tdOns.mousedown = (evnt: MouseEvent) => {
-      $xeTable.triggerCellMousedownEvent(evnt, params)
+      $xeTable.triggerCellMousedownEvent(evnt, cellParams)
     }
   }
   // 拖拽列事件
@@ -201,11 +207,11 @@ function renderTdColumn (
   }
   // 点击事件处理
   tdOns.click = (evnt: MouseEvent) => {
-    $xeTable.triggerCellClickEvent(evnt, params)
+    $xeTable.triggerCellClickEvent(evnt, cellParams)
   }
   // 双击事件处理
   tdOns.dblclick = (evnt: MouseEvent) => {
-    $xeTable.triggerCellDblclickEvent(evnt, params)
+    $xeTable.triggerCellDblclickEvent(evnt, cellParams)
   }
   // 合并行或列
   if (mergeList.length) {
@@ -216,28 +222,28 @@ function renderTdColumn (
         return null
       }
       if (rowspan > 1) {
-        attrs.rowspan = rowspan
+        tdAttrs.rowspan = rowspan
       }
       if (colspan > 1) {
-        attrs.colspan = colspan
+        tdAttrs.colspan = colspan
       }
     }
   } else if (spanMethod) {
     // 自定义合并行或列的方法
-    const { rowspan = 1, colspan = 1 } = spanMethod(params) || {}
+    const { rowspan = 1, colspan = 1 } = spanMethod(cellParams) || {}
     if (!rowspan || !colspan) {
       return null
     }
     if (rowspan > 1) {
-      attrs.rowspan = rowspan
+      tdAttrs.rowspan = rowspan
     }
     if (colspan > 1) {
-      attrs.colspan = colspan
+      tdAttrs.colspan = colspan
     }
   }
   // 如果被合并不可隐藏
   if (fixedHiddenColumn && mergeList) {
-    if (attrs.colspan > 1 || attrs.rowspan > 1) {
+    if (tdAttrs.colspan > 1 || tdAttrs.rowspan > 1) {
       fixedHiddenColumn = false
     }
   }
@@ -245,44 +251,84 @@ function renderTdColumn (
   if (!fixedHiddenColumn && editConfig && (editRender || cellRender) && (editOpts.showStatus || editOpts.showUpdateStatus)) {
     isDirty = $xeTable.isUpdateByRow(row, column.field)
   }
+
+  const isVNAutoHeight = scrollYLoad && !hasEllipsis
+  let cellHeight = currCellHeight
+  const vnHeight = calcCellHeightFlag ? rowRest.height : 0
+  if (resizeHeight) {
+    cellHeight = resizeHeight
+  } else {
+    if (scrollYLoad) {
+      if (!hasEllipsis) {
+        cellHeight = vnHeight || currCellHeight
+      }
+    }
+  }
+
+  const isLastColumn = $columnIndex === columns.length - 1
+  const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto')
+
+  let isVNPreEmptyStatus = false
+  if (scrollYLoad && (_rowIndex < scrollYStore.visibleStartIndex - scrollYStore.preloadSize || _rowIndex > scrollYStore.visibleEndIndex + scrollYStore.preloadSize)) {
+    isVNPreEmptyStatus = true
+  } else if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+    isVNPreEmptyStatus = true
+  }
+
+  const tcStyle: Record<string, string> = {}
+  if (hasEllipsis) {
+    tcStyle.height = `${cellHeight}px`
+  } else {
+    tcStyle.minHeight = `${cellHeight}px`
+  }
+
   const tdVNs = []
   if (fixedHiddenColumn && (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
     tdVNs.push(
       h('div', {
+        key: 'tc',
         class: ['vxe-cell', {
           'c--title': showTitle,
           'c--tooltip': showTooltip,
           'c--ellipsis': showEllipsis
         }],
-        style: {
-          maxHeight: hasEllipsis && (customRHeight || defaultRowHeight) ? `${customRHeight || defaultRowHeight}px` : ''
-        }
+        style: tcStyle
       })
     )
   } else {
     // 渲染单元格
     tdVNs.push(
-      ...renderLine(h, _vm, params),
+      ...renderLine(h, _vm, cellParams, cellHeight),
       h('div', {
+        key: 'tc',
         class: ['vxe-cell', {
           'c--title': showTitle,
           'c--tooltip': showTooltip,
           'c--ellipsis': showEllipsis
         }],
-        style: {
-          maxHeight: hasEllipsis && (customRHeight || defaultRowHeight) ? `${customRHeight || defaultRowHeight}px` : ''
-        },
+        style: tcStyle,
         attrs: {
           title: showTitle ? $xeTable.getCellLabel(row, column) : null
         }
-      }, column.renderCell(h, params))
+      }, isVNPreEmptyStatus
+        ? []
+        : [
+            h('div', {
+              attrs: {
+                colid,
+                rowid
+              },
+              class: 'vxe-cell--wrapper'
+            }, column.renderCell(h, cellParams))
+          ])
     )
     if (showValidTip && errorValidItem) {
       const errRule = errorValidItem.rule
       const validSlot = slots ? slots.valid : null
-      const validParams = { ...params, ...errorValidItem, rule: errorValidItem }
+      const validParams = { ...cellParams, ...errorValidItem, rule: errorValidItem }
       tdVNs.push(
         h('div', {
+          key: 'tcv',
           class: ['vxe-cell--valid-error-tip', getClass(validOpts.className, errorValidItem)],
           style: errRule && errRule.maxWidth
             ? {
@@ -305,17 +351,6 @@ function renderTdColumn (
       )
     }
   }
-  let cellHeight = ''
-  const vnHeight = isCalcCellHeight ? rest.height : 0
-  if (hasEllipsis) {
-    if (customRHeight) {
-      cellHeight = `${customRHeight}px`
-    } else if (!isAllOverflow) {
-      cellHeight = `${vnHeight || defaultRowHeight || 18}px`
-    }
-  } else {
-    cellHeight = `${vnHeight || defaultRowHeight || 18}px`
-  }
 
   if (mouseConfig && mouseOpts.area && selectCellToRow) {
     if (
@@ -324,18 +359,24 @@ function renderTdColumn (
     ) {
       tdVNs.push(
         h('div', {
+          key: 'tca',
           class: 'vxe-cell--area-status'
         })
       )
     }
   }
-  const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto')
 
-  let isPreLoadStatus = false
-  if (scrollYLoad && (_rowIndex < scrollYStore.visibleStartIndex || _rowIndex > scrollYStore.visibleEndIndex)) {
-    isPreLoadStatus = true
-  } else if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex || _columnIndex > scrollXStore.visibleEndIndex)) {
-    isPreLoadStatus = true
+  if (rowResize && rowOpts.resizable) {
+    tdVNs.push(
+      h('div', {
+        key: 'tcr',
+        class: 'vxe-cell--row-resizable',
+        on: {
+          mousedown: (evnt: MouseEvent) => $xeTable.handleRowResizeMousedownEvent(evnt, cellParams),
+          dblclick: (evnt: MouseEvent) => $xeTable.handleRowResizeDblclickEvent(evnt, cellParams)
+        }
+      })
+    )
   }
 
   return h('td', {
@@ -346,12 +387,14 @@ function renderTdColumn (
         [`col--${cellAlign}`]: cellAlign,
         [`col--vertical-${verticalAlign}`]: verticalAlign,
         [`col--${type}`]: type,
-        'col--last': $columnIndex === columns.length - 1,
+        'col--last': isLastColumn,
         'col--tree-node': treeNode,
         'col--edit': isEdit,
         'col--ellipsis': hasEllipsis,
+        'col--auto-height': isVNAutoHeight,
         'fixed--width': !isAutoCellWidth,
         'fixed--hidden': fixedHiddenColumn,
+        'is--padding': isPadding,
         'is--drag-cell': isRowDragCell && (isCrossDrag || isPeerDrag || !rowLevel),
         'is--drag-disabled': isDisabledDrag,
         'col--dirty': isDirty,
@@ -359,17 +402,15 @@ function renderTdColumn (
         'col--valid-error': !!errorValidItem,
         'col--current': currentColumn === column
       },
-      getClass(compCellClassName, params),
-      getClass(className, params),
-      getClass(allCellClassName, params)
+      getClass(compCellClassName, cellParams),
+      getClass(className, cellParams),
+      getClass(allCellClassName, cellParams)
     ],
     key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || rowOpts.useKey || columnOpts.drag ? column.id : $columnIndex,
-    attrs,
-    style: Object.assign({
-      height: cellHeight
-    }, XEUtils.isFunction(compCellStyle) ? compCellStyle(params) : compCellStyle, XEUtils.isFunction(cellStyle) ? cellStyle(params) : cellStyle),
+    attrs: tdAttrs,
+    style: Object.assign({}, XEUtils.isFunction(compCellStyle) ? compCellStyle(cellParams) : compCellStyle, XEUtils.isFunction(cellStyle) ? cellStyle(cellParams) : cellStyle),
     on: tdOns
-  }, isPreLoadStatus || (isOptimizeMode && fixedHiddenColumn) ? [] : tdVNs)
+  }, isOptimizeMode && fixedHiddenColumn ? [] : tdVNs)
 }
 
 function renderRows (h: CreateElement, _vm: any, fixedType: VxeColumnPropTypes.Fixed, isOptimizeMode: boolean, tableData: any[], tableColumn: VxeTableDefines.ColumnInfo[]) {
@@ -694,7 +735,7 @@ export default {
         $xeTable.triggerBodyScrollEvent(evnt, fixedType)
       }
     }
-    if (scrollYLoad || leftFixedWidth || rightFixedWidth) {
+    if (leftFixedWidth || rightFixedWidth) {
       ons.wheel = $xeTable.triggerBodyWheelEvent
     }
 

package/packages/table/src/cell.ts

@@ -170,7 +170,7 @@ function renderTitleContent (h: CreateElement, params: VxeTableDefines.CellRende
   const ons: Record<string, any> = {}
   if (showTitle || showTooltip || showAllTip) {
     ons.mouseenter = (evnt: MouseEvent) => {
-      if (tableReactData._isResize) {
+      if (tableReactData.isDragResize) {
         return
       }
       if (showTitle) {
@@ -182,7 +182,7 @@ function renderTitleContent (h: CreateElement, params: VxeTableDefines.CellRende
   }
   if (showTooltip || showAllTip) {
     ons.mouseleave = (evnt: any) => {
-      if (tableReactData._isResize) {
+      if (tableReactData.isDragResize) {
         return
       }
       if (showTooltip || showAllTip) {
@@ -413,11 +413,7 @@ export const Cell = {
     return Cell.renderTreeIcon(h, params, Cell.renderDefaultCell.call(this, h, params))
   },
   renderDefaultFooter (h: CreateElement, params: VxeTableDefines.CellRenderFooterParams & { $table: VxeTableConstructor & VxeTablePrivateMethods }) {
-    return [
-      h('span', {
-        class: 'vxe-cell--item'
-      }, getFooterContent(h, params))
-    ]
+    return getFooterContent(h, params)
   },
 
   /**

package/packages/table/src/column.ts

@@ -1,7 +1,10 @@
+import { PropType } from 'vue'
 import Cell from './cell'
 import { defineVxeComponent } from '../../ui/src/comp'
 import { assembleColumn, destroyColumn } from './util'
 
+import type { VxeColumnPropTypes } from '../../../types'
+
 export const columnProps = {
   // 列唯一主键
   colId: [String, Number],
@@ -66,9 +69,11 @@ export const columnProps = {
   // 筛选模板配置项
   filterRender: Object,
   // 设置为树节点
-  treeNode: Boolean,
+  treeNode: Boolean as PropType<VxeColumnPropTypes.TreeNode>,
   // 设置为拖拽排序
-  dragSort: Boolean,
+  dragSort: Boolean as PropType<VxeColumnPropTypes.DragSort>,
+  // 设置为行高拖拽
+  rowResize: Boolean as PropType<VxeColumnPropTypes.RowResize>,
   // 是否可视
   visible: { type: Boolean, default: null },
   // 表头单元格数据导出方法

package/packages/table/src/columnInfo.ts

@@ -91,6 +91,7 @@ export class ColumnInfo {
       filterRender: _vm.filterRender,
       treeNode: _vm.treeNode,
       dragSort: _vm.dragSort,
+      rowResize: _vm.rowResize,
       cellType: _vm.cellType,
       cellRender: _vm.cellRender,
       editRender: _vm.editRender,

package/packages/table/src/footer.ts

@@ -37,14 +37,20 @@ function renderRows (h: CreateElement, _vm: any, tableColumn: VxeTableDefines.Co
   const { scrollXStore } = tableInternalData
   const tooltipOpts = $xeTable.computeTooltipOpts
   const columnOpts = $xeTable.computeColumnOpts
+  const defaultRowHeight = $xeTable.computeDefaultRowHeight
+  const cellOpts = $xeTable.computeCellOpts
+  const footerCellOpts = $xeTable.computeFooterCellOpts
+  const currCellHeight = footerCellOpts.height || cellOpts.height || defaultRowHeight
 
   return tableColumn.map((column: any, $columnIndex: any) => {
     const { type, showFooterOverflow, footerAlign, align, footerClassName, editRender, cellRender } = column
+    const colid = column.id
     const renderOpts = editRender || cellRender
     const compConf = renderOpts ? renderer.get(renderOpts.name) : null
     const showAllTip = tooltipOpts.showAll
     const isColGroup = column.children && column.children.length
     const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX
+    const isPadding = XEUtils.isBoolean(footerCellOpts.padding) ? footerCellOpts.padding : cellOpts.padding
     const footOverflow = XEUtils.eqNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow
     const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign
     let showEllipsis = footOverflow === 'ellipsis'
@@ -127,20 +133,29 @@ function renderRows (h: CreateElement, _vm: any, tableColumn: VxeTableDefines.Co
         attrs.colspan = colspan
       }
     }
+    const isLastColumn = $columnIndex === tableColumn.length - 1
     const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto')
 
-    let isPreLoadStatus = false
-    if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex || _columnIndex > scrollXStore.visibleEndIndex)) {
-      isPreLoadStatus = true
+    let isVNPreEmptyStatus = false
+    if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+      isVNPreEmptyStatus = true
+    }
+
+    const tcStyle: Record<string, string> = {}
+    if (hasEllipsis) {
+      tcStyle.height = `${currCellHeight}px`
+    } else {
+      tcStyle.minHeight = `${currCellHeight}px`
     }
 
     return h('td', {
       class: ['vxe-footer--column', column.id, {
         [`col--${footAlign}`]: footAlign,
         [`col--${type}`]: type,
-        'col--last': $columnIndex === tableColumn.length - 1,
+        'col--last': isLastColumn,
         'fixed--width': !isAutoCellWidth,
         'fixed--hidden': fixedHiddenColumn,
+        'is--padding': isPadding,
         'col--ellipsis': hasEllipsis,
         'col--current': currentColumn === column
       }, getClass(footerClassName, cellParams), getClass(footerCellClassName, cellParams)],
@@ -154,8 +169,18 @@ function renderRows (h: CreateElement, _vm: any, tableColumn: VxeTableDefines.Co
           'c--title': showTitle,
           'c--tooltip': showTooltip,
           'c--ellipsis': showEllipsis
-        }]
-      }, isPreLoadStatus ? [] : column.renderFooter(h, cellParams))
+        }],
+        style: tcStyle
+      }, isVNPreEmptyStatus
+        ? []
+        : [
+            h('div', {
+              attrs: {
+                colid
+              },
+              class: 'vxe-cell--wrapper'
+            }, column.renderFooter(h, cellParams))
+          ])
     ])
   })
 }