vxe-table 4.3.4 → 4.3.6-beta.0

package/lib/vxe-tooltip/style/style.css

@@ -37,75 +37,99 @@
   word-break: break-word;
   box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.2);
   color: #606266;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }
-  .vxe-table--tooltip-wrapper:not(.is--enterable) {
-    pointer-events: none; }
-  .vxe-table--tooltip-wrapper.is--visible {
-    display: block; }
-  .vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow {
-    display: block; }
-  .vxe-table--tooltip-wrapper.is--enterable:after {
-    content: "";
-    position: absolute;
-    left: 0;
-    width: 100%;
-    height: 6px;
-    background-color: transparent; }
-  .vxe-table--tooltip-wrapper .vxe-table--tooltip-content {
-    white-space: pre-line; }
-  .vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow {
-    display: none;
-    position: absolute;
-    border-color: transparent;
-    border-width: 6px;
-    border-style: solid;
-    left: 50%;
-    transform: translateX(-6px); }
-    .vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before {
-      content: "";
-      position: absolute;
-      border-color: transparent;
-      border-width: 5px;
-      border-style: solid;
-      left: -5px; }
-  .vxe-table--tooltip-wrapper.placement--top.is--enterable:after {
-    bottom: -6px; }
-  .vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow {
-    bottom: -12px; }
-    .vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before {
-      top: -7px; }
-  .vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after {
-    top: -6px; }
-  .vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow {
-    top: -12px; }
-    .vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before {
-      top: -4px; }
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+}
+.vxe-table--tooltip-wrapper:not(.is--enterable) {
+  pointer-events: none;
+}
+.vxe-table--tooltip-wrapper.is--visible {
+  display: block;
+}
+.vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow {
+  display: block;
+}
+.vxe-table--tooltip-wrapper.is--enterable:after {
+  content: "";
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 6px;
+  background-color: transparent;
+}
+.vxe-table--tooltip-wrapper .vxe-table--tooltip-content {
+  white-space: pre-line;
+}
+.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow {
+  display: none;
+  position: absolute;
+  border-color: transparent;
+  border-width: 6px;
+  border-style: solid;
+  left: 50%;
+  transform: translateX(-6px);
+}
+.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before {
+  content: "";
+  position: absolute;
+  border-color: transparent;
+  border-width: 5px;
+  border-style: solid;
+  left: -5px;
+}
+.vxe-table--tooltip-wrapper.placement--top.is--enterable:after {
+  bottom: -6px;
+}
+.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow {
+  bottom: -12px;
+}
+.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before {
+  top: -7px;
+}
+.vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after {
+  top: -6px;
+}
+.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow {
+  top: -12px;
+}
+.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before {
+  top: -4px;
+}
 
 .vxe-table--tooltip-wrapper.theme--light {
   background-color: #fff;
-  border: 1px solid #dcdfe6; }
-  .vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow {
-    border-top-color: #dcdfe6; }
-    .vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before {
-      border-top-color: #fff; }
-  .vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow {
-    border-bottom-color: #dcdfe6; }
-    .vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before {
-      border-bottom-color: #fff; }
-
+  border: 1px solid #dcdfe6;
+}
+.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow {
+  border-top-color: #dcdfe6;
+}
+.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before {
+  border-top-color: #fff;
+}
+.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow {
+  border-bottom-color: #dcdfe6;
+}
+.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before {
+  border-bottom-color: #fff;
+}
 .vxe-table--tooltip-wrapper.theme--dark {
   background: #303133;
-  color: #fff; }
-  .vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow {
-    border-top-color: #303133; }
-    .vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before {
-      border-top-color: #303133; }
-  .vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow {
-    border-bottom-color: #303133; }
-    .vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before {
-      border-bottom-color: #303133; }
+  color: #fff;
+}
+.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow {
+  border-top-color: #303133;
+}
+.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before {
+  border-top-color: #303133;
+}
+.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow {
+  border-bottom-color: #303133;
+}
+.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before {
+  border-bottom-color: #303133;
+}
 
 /*valid error*/
 .vxe-table--tooltip-wrapper.vxe-table--valid-error {
   background-color: #f56c6c;
-  color: #fff; }
+  color: #fff;
+}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "vxe-table",
-  "version": "4.3.4",
-  "description": "一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、贼灵活的配置项等...",
+  "version": "4.3.6-beta.0",
+  "description": "一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器等...",
   "scripts": {
+    "update": "npm install --legacy-peer-deps",
     "serve": "vue-cli-service serve",
     "lint": "vue-cli-service lint",
     "build": "vue-cli-service build",
@@ -28,45 +29,43 @@
   "typings": "types/index.d.ts",
   "devDependencies": {
     "@types/resize-observer-browser": "^0.1.7",
-    "@typescript-eslint/eslint-plugin": "^4.18.0",
-    "@typescript-eslint/parser": "^4.18.0",
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-plugin-router": "~4.5.0",
-    "@vue/cli-plugin-typescript": "~4.5.0",
-    "@vue/cli-plugin-vuex": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
-    "@vue/compiler-sfc": "^3.2.39",
-    "@vue/eslint-config-standard": "^5.1.2",
-    "@vue/eslint-config-typescript": "^7.0.0",
-    "core-js": "^3.6.5",
-    "eslint": "^6.7.2",
-    "eslint-plugin-import": "^2.20.2",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-plugin-typescript": "~5.0.0",
+    "@vue/cli-plugin-vuex": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "@vue/eslint-config-standard": "^6.1.0",
+    "@vue/eslint-config-typescript": "^9.1.0",
+    "core-js": "^3.8.3",
+    "del": "^6.1.1",
+    "eslint": "^7.32.0",
+    "eslint-plugin-import": "^2.25.3",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.0.0",
-    "eslint-plugin-vue": "^7.0.0",
+    "eslint-plugin-promise": "^5.1.0",
+    "eslint-plugin-vue": "^8.0.3",
     "gulp": "^4.0.2",
     "gulp-autoprefixer": "^6.1.0",
     "gulp-babel": "^8.0.0",
-    "gulp-clean": "^0.4.0",
     "gulp-clean-css": "^4.3.0",
     "gulp-concat": "^2.6.1",
     "gulp-rename": "^1.4.0",
     "gulp-replace": "^1.0.0",
-    "gulp-sass": "^4.1.0",
+    "gulp-sass": "^5.1.0",
     "gulp-sourcemaps": "^2.6.5",
     "gulp-typescript": "^5.0.1",
     "gulp-uglify": "^3.0.2",
-    "sass": "^1.52.1",
-    "sass-loader": "^10.0.5",
-    "typescript": "^4.6.4",
-    "vue": "^3.2.39",
+    "postcss": "^8.2.15",
+    "sass": "^1.56.1",
+    "sass-loader": "^12.0.0",
+    "typescript": "~4.5.5",
+    "vue": "^3.2.45",
     "vue-i18n": "^9.1.7",
     "vue-router": "^4.0.11",
     "vuex": "^4.0.2",
-    "xe-ajax": "^4.0.5",
-    "xe-utils": "^3.5.6"
+    "xe-utils": "^3.5.7"
   },
   "peerDependencies": {
     "vue": "^3.2.28",
@@ -99,10 +98,5 @@
   "bugs": {
     "url": "https://github.com/x-extends/vxe-table/issues"
   },
-  "homepage": "https://github.com/x-extends/vxe-table#readme",
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
+  "homepage": "https://vxetable.cn/"
 }

package/packages/export/src/hook.ts

@@ -979,6 +979,7 @@ const tableExportHook: VxeGlobalHooksHandles.HookOptions = {
                 return column.type === type
               }
             }
+            return false
           }) : column.visible
           column.halfChecked = false
           column.disabled = (parent && parent.disabled) || (checkMethod ? !checkMethod({ column }) : false)

package/packages/filter/src/hook.ts

@@ -248,7 +248,7 @@ const tableFilterHook: VxeGlobalHooksHandles.HookOptions = {
       getCheckedFilters () {
         const { tableFullColumn } = internalData
         const filterList: any[] = []
-        tableFullColumn.filter((column) => {
+        tableFullColumn.forEach((column) => {
           const { field, filters } = column
           const valueList: any[] = []
           const dataList: any[] = []

package/packages/footer/src/footer.ts

@@ -103,12 +103,12 @@ export default defineComponent({
       let { fixedType, fixedColumn, tableColumn, footerTableData } = props
       const { footerRowClassName, footerCellClassName, footerRowStyle, footerCellStyle, footerAlign: allFooterAlign, footerSpanMethod, align: allAlign, columnKey, showFooterOverflow: allColumnFooterOverflow } = tableProps
       const { visibleColumn } = tableInternalData
-      const { scrollYLoad, overflowX, scrollbarWidth, currentColumn, mergeFooterList } = tableReactData
+      const { scrollXLoad, overflowX, scrollbarWidth, currentColumn, mergeFooterList } = tableReactData
       const tooltipOpts = computeTooltipOpts.value
       const columnOpts = computeColumnOpts.value
       // 如果是使用优化模式
       if (fixedType) {
-        if (scrollYLoad || allColumnFooterOverflow) {
+        if (scrollXLoad || allColumnFooterOverflow) {
           if (!mergeFooterList.length || !footerSpanMethod) {
             tableColumn = fixedColumn
           } else {
@@ -179,7 +179,7 @@ export default defineComponent({
               const itemIndex = _columnIndex
               const params: VxeTableDefines.CellRenderFooterParams = { $table: $xetable, _rowIndex, $rowIndex, column, columnIndex, $columnIndex, _columnIndex, itemIndex, items: list, fixed: fixedType, type: renderType, data: footerTableData }
               // 纵向虚拟滚动不支持动态行高
-              if (scrollYLoad && !hasEllipsis) {
+              if (scrollXLoad && !hasEllipsis) {
                 showEllipsis = hasEllipsis = true
               }
               if (showTitle || showTooltip || showAllTip) {

package/packages/form/src/form.ts

@@ -259,14 +259,15 @@ export default defineComponent({
 
     const handleFocus = (fields: string[]) => {
       const el = refElem.value
-      fields.some((property, index) => {
+      for (let i = 0; i < fields.length; i++) {
+        const property = fields[i]
         const item = getItemByField(property)
         if (item && isEnableConf(item.itemRender)) {
           const { itemRender } = item
           const compConf = VXETable.renderer.get(itemRender.name)
           let inputElem: HTMLInputElement | null = null
           // 定位到第一个
-          if (!index) {
+          if (!i) {
             scrollToView(el.querySelector(`.${item.id}`))
           }
           // 如果指定了聚焦 class
@@ -279,10 +280,10 @@ export default defineComponent({
           }
           if (inputElem) {
             inputElem.focus()
-            return true
+            break
           }
         }
-      })
+      }
     }
 
     /**

package/packages/header/src/header.ts

@@ -48,7 +48,7 @@ export default defineComponent({
       const { clientX: dragClientX } = evnt
       const wrapperElem = refElem.value
       const dragBtnElem = evnt.target as HTMLDivElement
-      const cell = params.cell = dragBtnElem.parentNode as HTMLTableHeaderCellElement
+      const cell = params.cell = dragBtnElem.parentNode as HTMLTableCellElement
       let dragLeft = 0
       const tableBodyElem = tableBody.$el as HTMLDivElement
       const pos = getOffsetPos(dragBtnElem, wrapperElem)
@@ -67,14 +67,14 @@ export default defineComponent({
       let fixedOffsetWidth = 0
       if (isLeftFixed || isRightFixed) {
         const siblingProp = isLeftFixed ? 'nextElementSibling' : 'previousElementSibling'
-        let tempCellElem = cell[siblingProp] as HTMLTableHeaderCellElement
+        let tempCellElem = cell[siblingProp] as HTMLTableCellElement
         while (tempCellElem) {
           if (hasClass(tempCellElem, 'fixed--hidden')) {
             break
           } else if (!hasClass(tempCellElem, 'col--group')) {
             fixedOffsetWidth += tempCellElem.offsetWidth
           }
-          tempCellElem = tempCellElem[siblingProp] as HTMLTableHeaderCellElement
+          tempCellElem = tempCellElem[siblingProp] as HTMLTableCellElement
         }
         if (isRightFixed && rightContainerElem) {
           dragPosLeft = rightContainerElem.offsetLeft + fixedOffsetWidth
@@ -161,19 +161,23 @@ export default defineComponent({
     })
 
     const renderVN = () => {
-      let { fixedType, fixedColumn, tableColumn } = props
+      const { fixedType, fixedColumn, tableColumn } = props
       const { resizable, border, columnKey, headerRowClassName, headerCellClassName, headerRowStyle, headerCellStyle, showHeaderOverflow: allColumnHeaderOverflow, headerAlign: allHeaderAlign, align: allAlign, mouseConfig } = tableProps
       const { isGroup, currentColumn, scrollXLoad, overflowX, scrollbarWidth } = tableReactData
+      const { visibleColumn } = tableInternalData
       const columnOpts = computeColumnOpts.value
       let headerGroups: VxeTableDefines.ColumnInfo[][] = headerColumn.value
-      // 如果是使用优化模式
-      if (!isGroup) {
+      let renderColumnList = tableColumn as VxeTableDefines.ColumnInfo[]
+      if (isGroup) {
+        renderColumnList = visibleColumn
+      } else {
+        // 如果是使用优化模式
         if (fixedType) {
           if (scrollXLoad || allColumnHeaderOverflow) {
-            tableColumn = fixedColumn
+            renderColumnList = fixedColumn as VxeTableDefines.ColumnInfo[]
           }
         }
-        headerGroups = [tableColumn as VxeTableDefines.ColumnInfo[]]
+        headerGroups = [renderColumnList]
       }
       return h('div', {
         ref: refElem,
@@ -197,7 +201,7 @@ export default defineComponent({
            */
           h('colgroup', {
             ref: refHeaderColgroup
-          }, (tableColumn as VxeTableDefines.ColumnInfo[]).map((column, $columnIndex) => {
+          }, renderColumnList.map((column, $columnIndex) => {
             return h('col', {
               name: column.id,
               key: $columnIndex

package/packages/list/src/list.ts

@@ -160,7 +160,7 @@ export default defineComponent({
      * @param {Number} scrollLeft 左距离
      * @param {Number} scrollTop 上距离
      */
-    const scrollTo = (scrollLeft: number | null, scrollTop?: number | null) => {
+    const scrollTo = (scrollLeft: number | null, scrollTop?: number | null): Promise<void> => {
       const scrollBodyElem = refVirtualWrapper.value
       if (XEUtils.isNumber(scrollLeft)) {
         scrollBodyElem.scrollLeft = scrollLeft
@@ -169,7 +169,13 @@ export default defineComponent({
         scrollBodyElem.scrollTop = scrollTop
       }
       if (reactData.scrollYLoad) {
-        return new Promise(resolve => setTimeout(() => resolve(nextTick()), 50))
+        return new Promise(resolve => {
+          setTimeout(() => {
+            nextTick(() => {
+              resolve()
+            })
+          }, 50)
+        })
       }
       return nextTick()
     }

package/packages/locale/lang/en-US.ts

@@ -8,7 +8,6 @@ export default {
       groupMouseRange: 'Grouping headers and "{0}" cannot be used at the same time, which may cause errors.',
       groupTag: 'Grouping column header should use "{0}" instead of "{1}", which may cause errors.',
       scrollErrProp: 'The parameter "{0}" is not supported when virtual scrolling is enabled.',
-      scrollXNotGroup: 'Horizontal virtual scrolling does not support grouping headers. You need to set the parameter "scroll-x.enabled=false", otherwise, errors may occur.',
       errConflicts: 'Argument "{0}" conflicts with "{1}"',
       unableInsert: 'Unable to insert to the specified location.',
       useErr: 'Error installing "{0}" module, possibly in the wrong order, dependent modules need to be installed before Table.',

package/packages/locale/lang/ja-JP.ts

@@ -8,7 +8,6 @@ export default {
       groupMouseRange: 'グループ化ヘッダーと「{0}」は同時に使用できません。これによりエラーが発生する可能性があります',
       groupTag: '分组列头应该使用 "{0}" 而不是 "{1}"，这可能会出现错误',
       scrollErrProp: '启用虚拟滚动后不支持该参数 "{0}"',
-      scrollXNotGroup: '横向虚拟滚动不支持分组表头，需要设置 "scroll-x.enabled=false" 参数，否则可能会导致出现错误',
       errConflicts: '参数 "{0}" 与 "{1}" 有冲突',
       unableInsert: '指定された位置に挿入できない',
       useErr: '"{0}" モジュールをインストールする際にエラーが発生し,順序が正しくない可能性があり,依頼するモジュールはTableの前にインストールする必要がある',

package/packages/locale/lang/zh-CN.ts

@@ -8,7 +8,6 @@ export default {
       groupMouseRange: '分组表头与 "{0}" 不能同时使用，这可能会出现错误',
       groupTag: '分组列头应该使用 "{0}" 而不是 "{1}"，这可能会出现错误',
       scrollErrProp: '启用虚拟滚动后不支持该参数 "{0}"',
-      scrollXNotGroup: '横向虚拟滚动不支持分组表头，需要设置 "scroll-x.enabled=false" 参数，否则可能会导致出现错误',
       errConflicts: '参数 "{0}" 与 "{1}" 有冲突',
       unableInsert: '无法插入到指定位置，请检查参数是否正确',
       useErr: '安装 "{0}" 模块时发生错误，可能顺序不正确，依赖的模块需要在 Table 之前安装',

package/packages/locale/lang/zh-TC.ts

@@ -8,7 +8,6 @@ export default {
       groupMouseRange: '分组表頭與 "{0}" 不能同時使用，這可能會出現錯誤',
       groupTag: '分組列頭應該使用 "{0}" 而不是 "{1}"，這可能會出現錯誤',
       scrollErrProp: '啟用虛擬滾動後不支持該參數 "{0}"',
-      scrollXNotGroup: '橫向虛擬滾動不支持分組表頭，需要設定 "scroll-x.enabled=false" 參數，否則可能會導致出現錯誤',
       errConflicts: '參數 "{0}" 與 "{1}" 有衝突',
       unableInsert: '無法插入到指定位置，請檢查參數是否正確',
       useErr: '安裝 "{0}" 模組時發生錯誤，可能順序不正確，依賴的模組需要在Table之前安裝',

package/packages/pulldown/src/pulldown.ts

@@ -147,7 +147,7 @@ export default defineComponent({
     /**
      * 显示下拉面板
      */
-    const showPanel = () => {
+    const showPanel = (): Promise<void> => {
       if (!reactData.inited) {
         reactData.inited = true
       }
@@ -166,7 +166,9 @@ export default defineComponent({
           }, 10)
           updateZindex()
         } else {
-          resolve(nextTick())
+          nextTick(() => {
+            resolve()
+          })
         }
       })
     }
@@ -174,17 +176,21 @@ export default defineComponent({
     /**
      * 隐藏下拉面板
      */
-    const hidePanel = () => {
+    const hidePanel = (): Promise<void> => {
       reactData.visiblePanel = false
       emit('update:modelValue', false)
       return new Promise(resolve => {
         if (reactData.animatVisible) {
           hidePanelTimeout = window.setTimeout(() => {
             reactData.animatVisible = false
-            resolve(nextTick())
+            nextTick(() => {
+              resolve()
+            })
           }, 350)
         } else {
-          resolve(nextTick())
+          nextTick(() => {
+            resolve()
+          })
         }
       })
     }

package/packages/table/src/column.ts

@@ -17,6 +17,8 @@ export const columnProps = {
   width: [Number, String] as PropType<VxeColumnPropTypes.Width>,
   // 列最小宽度，把剩余宽度按比例分配
   minWidth: [Number, String] as PropType<VxeColumnPropTypes.MinWidth>,
+  // 列最大宽度
+  maxWidth: [Number, String] as PropType<VxeColumnPropTypes.MaxWidth>,
   // 是否允许拖动列宽调整大小
   resizable: { type: Boolean as PropType<VxeColumnPropTypes.Resizable>, default: null },
   // 将列固定在左侧或者右侧

package/packages/table/src/columnInfo.ts

@@ -64,6 +64,7 @@ export class ColumnInfo {
       title: _vm.title,
       width: _vm.width,
       minWidth: _vm.minWidth,
+      maxWidth: _vm.maxWidth,
       resizable: _vm.resizable,
       fixed: _vm.fixed,
       align: _vm.align,