vxe-table 3.8.7-beta.8 → 3.8.7

package/lib/tools/log.js

@@ -9,7 +9,7 @@ exports.warnLog = void 0;
 var _conf = _interopRequireDefault(require("../v-x-e-table/src/conf"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function getLog(message, params) {
-  return "[vxe-table v".concat("3.8.7-beta.8", "] ", _conf.default.i18n(message, params));
+  return "[vxe-table v".concat("3.8.7", "] ", _conf.default.i18n(message, params));
 }
 function outLog(type) {
   return function (message, params) {

package/lib/tools/log.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.errLog=void 0,exports.getLog=getLog,exports.warnLog=void 0;var _conf=_interopRequireDefault(require("../v-x-e-table/src/conf"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getLog(e,o){return"[vxe-table v".concat("3.8.7-beta.8","] ",_conf.default.i18n(e,o))}function outLog(r){return function(e,o){e=getLog(e,o);return console[r](e),e}}var warnLog=exports.warnLog=outLog("warn"),errLog=exports.errLog=outLog("error");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.errLog=void 0,exports.getLog=getLog,exports.warnLog=void 0;var _conf=_interopRequireDefault(require("../v-x-e-table/src/conf"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getLog(e,o){return"[vxe-table v".concat("3.8.7","] ",_conf.default.i18n(e,o))}function outLog(r){return function(e,o){e=getLog(e,o);return console[r](e),e}}var warnLog=exports.warnLog=outLog("warn"),errLog=exports.errLog=outLog("error");

package/lib/v-x-e-table/index.js

@@ -230,7 +230,7 @@ function setIcon(options) {
 var globalStore = exports.globalStore = {};
 var VXETable = exports.VXETable = {
   v: v,
-  version: "3.8.7-beta.8",
+  version: "3.8.7",
   reg: reg,
   use: use,
   setConfig: setConfig,

package/lib/v-x-e-table/index.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={use:!0,setConfig:!0,globalConfs:!0,t:!0,_t:!0,v:!0,setup:!0,config:!0,setIcon:!0,globalStore:!0,VXETable:!0,VxeUI:!0},_xeUtils=(exports.VxeUI=exports.VXETable=void 0,exports._t=_t,exports.setConfig=exports.globalStore=exports.globalConfs=exports.default=exports.config=void 0,exports.setIcon=setIcon,exports.setup=void 0,exports.t=t,exports.use=use,exports.v=void 0,_interopRequireDefault(require("xe-utils"))),_domZindex=_interopRequireDefault(require("dom-zindex")),_conf=_interopRequireDefault(require("../v-x-e-table/src/conf")),_interceptor=require("./src/interceptor"),_renderer=(Object.keys(_interceptor).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_interceptor[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _interceptor[e]}})}),require("./src/renderer")),_commands=(Object.keys(_renderer).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_renderer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _renderer[e]}})}),require("./src/commands")),_menus=(Object.keys(_commands).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_commands[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _commands[e]}})}),require("./src/menus")),_formats=(Object.keys(_menus).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_menus[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _menus[e]}})}),require("./src/formats")),_validators=(Object.keys(_formats).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formats[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formats[e]}})}),require("./src/validators")),_theme=require("./src/theme"),_utils=require("../tools/utils"),_log=require("../tools/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var installedPlugins=[];function use(e,t){return e&&e.install&&-1===installedPlugins.indexOf(e)&&(e.install(VXETable,t),installedPlugins.push(e)),VXETable}function reg(e){"development"===process.env.NODE_ENV&&VXETable.Table&&(0,_log.errLog)("vxe.error.useErr",[e]),VXETable["_".concat(e)]=1}function getExportOrImpotType(e,r){var o=[];return _xeUtils.default.objectEach(e,function(e,t){0!==e&&e!==r||o.push(t)}),o}var setConfig=exports.setConfig=function(e){return e&&(e.theme&&(0,_theme.setTheme)(e.theme),e.zIndex&&_domZindex.default.setCurrent(e.zIndex),_xeUtils.default.merge(_conf.default,e)),VXETable},VXETableConfig=function(){return _createClass(function e(){_classCallCheck(this,e)},[{key:"zIndex",get:function(){return _utils.UtilTools.getLastZIndex()}},{key:"nextZIndex",get:function(){return _utils.UtilTools.nextZIndex()}},{key:"exportTypes",get:function(){return getExportOrImpotType(_conf.default.export.types,1)}},{key:"importTypes",get:function(){return getExportOrImpotType(_conf.default.export.types,2)}}])}(),globalConfs=exports.globalConfs=new VXETableConfig;function t(e,t){return _conf.default.i18n(e,t)}function _t(e,t){return e?_xeUtils.default.toValueString(_conf.default.translate?_conf.default.translate(e,t):e):""}var v=exports.v="v3",setup=exports.setup=function(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),setConfig(e)},config=exports.config=function(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),setConfig(e)};function setIcon(e){return e&&Object.assign(_conf.default.icon,e),VXETable}var globalStore=exports.globalStore={},VXETable=exports.VXETable={v:v,version:"3.8.7-beta.8",reg:reg,use:use,setConfig:setConfig,setIcon:setIcon,globalStore:globalStore,interceptor:_interceptor.interceptor,renderer:_renderer.renderer,commands:_commands.commands,formats:_formats.formats,menus:_menus.menus,validators:_validators.validators,t:t,_t:_t,config:config,setup:setup,globalConfs:globalConfs},VxeUI=exports.VxeUI=VXETable,_default=((0,_theme.setTheme)("light"),exports.default=VXETable);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={use:!0,setConfig:!0,globalConfs:!0,t:!0,_t:!0,v:!0,setup:!0,config:!0,setIcon:!0,globalStore:!0,VXETable:!0,VxeUI:!0},_xeUtils=(exports.VxeUI=exports.VXETable=void 0,exports._t=_t,exports.setConfig=exports.globalStore=exports.globalConfs=exports.default=exports.config=void 0,exports.setIcon=setIcon,exports.setup=void 0,exports.t=t,exports.use=use,exports.v=void 0,_interopRequireDefault(require("xe-utils"))),_domZindex=_interopRequireDefault(require("dom-zindex")),_conf=_interopRequireDefault(require("../v-x-e-table/src/conf")),_interceptor=require("./src/interceptor"),_renderer=(Object.keys(_interceptor).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_interceptor[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _interceptor[e]}})}),require("./src/renderer")),_commands=(Object.keys(_renderer).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_renderer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _renderer[e]}})}),require("./src/commands")),_menus=(Object.keys(_commands).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_commands[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _commands[e]}})}),require("./src/menus")),_formats=(Object.keys(_menus).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_menus[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _menus[e]}})}),require("./src/formats")),_validators=(Object.keys(_formats).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formats[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formats[e]}})}),require("./src/validators")),_theme=require("./src/theme"),_utils=require("../tools/utils"),_log=require("../tools/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var installedPlugins=[];function use(e,t){return e&&e.install&&-1===installedPlugins.indexOf(e)&&(e.install(VXETable,t),installedPlugins.push(e)),VXETable}function reg(e){"development"===process.env.NODE_ENV&&VXETable.Table&&(0,_log.errLog)("vxe.error.useErr",[e]),VXETable["_".concat(e)]=1}function getExportOrImpotType(e,r){var o=[];return _xeUtils.default.objectEach(e,function(e,t){0!==e&&e!==r||o.push(t)}),o}var setConfig=exports.setConfig=function(e){return e&&(e.theme&&(0,_theme.setTheme)(e.theme),e.zIndex&&_domZindex.default.setCurrent(e.zIndex),_xeUtils.default.merge(_conf.default,e)),VXETable},VXETableConfig=function(){return _createClass(function e(){_classCallCheck(this,e)},[{key:"zIndex",get:function(){return _utils.UtilTools.getLastZIndex()}},{key:"nextZIndex",get:function(){return _utils.UtilTools.nextZIndex()}},{key:"exportTypes",get:function(){return getExportOrImpotType(_conf.default.export.types,1)}},{key:"importTypes",get:function(){return getExportOrImpotType(_conf.default.export.types,2)}}])}(),globalConfs=exports.globalConfs=new VXETableConfig;function t(e,t){return _conf.default.i18n(e,t)}function _t(e,t){return e?_xeUtils.default.toValueString(_conf.default.translate?_conf.default.translate(e,t):e):""}var v=exports.v="v3",setup=exports.setup=function(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),setConfig(e)},config=exports.config=function(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),setConfig(e)};function setIcon(e){return e&&Object.assign(_conf.default.icon,e),VXETable}var globalStore=exports.globalStore={},VXETable=exports.VXETable={v:v,version:"3.8.7",reg:reg,use:use,setConfig:setConfig,setIcon:setIcon,globalStore:globalStore,interceptor:_interceptor.interceptor,renderer:_renderer.renderer,commands:_commands.commands,formats:_formats.formats,menus:_menus.menus,validators:_validators.validators,t:t,_t:_t,config:config,setup:setup,globalConfs:globalConfs},VxeUI=exports.VxeUI=VXETable,_default=((0,_theme.setTheme)("light"),exports.default=VXETable);

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

@@ -57,6 +57,19 @@
 .vxe-grid .vxe-grid--bottom-wrapper {
   position: relative;
 }
+.vxe-grid .vxe-grid--table-container {
+  display: flex;
+  flex-direction: row;
+}
+.vxe-grid .vxe-grid--left-wrapper,
+.vxe-grid .vxe-grid--right-wrapper {
+  flex-shrink: 0;
+  overflow: auto;
+}
+.vxe-grid .vxe-grid--table-wrapper {
+  flex-grow: 1;
+  overflow: hidden;
+}
 
 .vxe-grid {
   font-size: 14px;

package/lib/vxe-grid/style/style.min.css

@@ -1 +1 @@
-.vxe-grid{position:relative}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(255,255,255,.5)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:#fff}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid{font-size:14px}.vxe-grid.size--medium{font-size:14px}.vxe-grid.size--small{font-size:13px}.vxe-grid.size--mini{font-size:12px}
+.vxe-grid{position:relative}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(255,255,255,.5)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:#fff}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid .vxe-grid--table-container{display:flex;flex-direction:row}.vxe-grid .vxe-grid--left-wrapper,.vxe-grid .vxe-grid--right-wrapper{flex-shrink:0;overflow:auto}.vxe-grid .vxe-grid--table-wrapper{flex-grow:1;overflow:hidden}.vxe-grid{font-size:14px}.vxe-grid.size--medium{font-size:14px}.vxe-grid.size--small{font-size:13px}.vxe-grid.size--mini{font-size:12px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-table",
-  "version": "3.8.7-beta.8",
+  "version": "3.8.7",
   "description": "一个基于 vue 的 PC 端表单/表格组件，支持增删改查、虚拟树、列拖拽，懒加载、快捷菜单、数据校验、树形结构、打印导出、自定义模板、渲染器、JSON 配置式...",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/grid/src/grid.js

@@ -140,46 +140,52 @@ function getTableOns (_vm) {
 /**
  * 渲染表单
  */
-function renderForms (h, _vm) {
+function renderForm (h, _vm) {
   const { _e, $scopedSlots, formConfig } = _vm
   const formSlot = $scopedSlots.form
   const hasForm = !!(formSlot || isEnableConf(formConfig))
 
-  return hasForm ? h('div', {
-    key: 'form',
-    ref: 'formWrapper',
-    class: 'vxe-grid--form-wrapper'
-  }, formSlot ? formSlot.call(_vm, { $grid: _vm }, h) : renderDefaultForm(h, _vm)) : _e()
+  if (hasForm) {
+    return h('div', {
+      key: 'form',
+      ref: 'formWrapper',
+      class: 'vxe-grid--form-wrapper'
+    }, formSlot ? formSlot.call(_vm, { $grid: _vm }, h) : renderDefaultForm(h, _vm))
+  }
+  return _e()
 }
 
 /**
  * 渲染工具栏
  */
-function renderToolbars (h, _vm) {
+function renderToolbar (h, _vm) {
   const { _e, $scopedSlots, toolbarConfig, toolbar } = _vm
   const toolbarSlot = $scopedSlots.toolbar
   const hasToolbar = !!(toolbarSlot || isEnableConf(toolbarConfig) || toolbar)
 
-  return hasToolbar ? h('div', {
-    key: 'toolbar',
-    ref: 'toolbarWrapper',
-    class: 'vxe-grid--toolbar-wrapper'
-  }, toolbarSlot
-    ? toolbarSlot.call(_vm, { $grid: _vm }, h)
-    : [
-        h('vxe-toolbar', {
-          props: _vm.toolbarOpts,
-          ref: 'xToolbar',
-          scopedSlots: getToolbarSlots(_vm)
-        })
-      ]
-  ) : _e()
+  if (hasToolbar) {
+    return h('div', {
+      key: 'toolbar',
+      ref: 'toolbarWrapper',
+      class: 'vxe-grid--toolbar-wrapper'
+    }, toolbarSlot
+      ? toolbarSlot.call(_vm, { $grid: _vm }, h)
+      : [
+          h('vxe-toolbar', {
+            props: _vm.toolbarOpts,
+            ref: 'xToolbar',
+            scopedSlots: getToolbarSlots(_vm)
+          })
+        ]
+    )
+  }
+  return _e()
 }
 
 /**
  * 渲染表格顶部区域
  */
-function renderTops (h, _vm) {
+function renderTop (h, _vm) {
   const { _e, $scopedSlots } = _vm
   const topSlot = $scopedSlots.top
 
@@ -190,25 +196,51 @@ function renderTops (h, _vm) {
   }, topSlot.call(_vm, { $grid: _vm }, h)) : _e()
 }
 
+function renderTableLeft (h, _vm) {
+  const { _e, $scopedSlots } = _vm
+  const leftSlot = $scopedSlots.left
+  if (leftSlot) {
+    return h('div', {
+      class: 'vxe-grid--left-wrapper'
+    }, leftSlot({ $grid: _vm }))
+  }
+  return _e()
+}
+
+function renderTableRight (h, _vm) {
+  const { _e, $scopedSlots } = _vm
+  const rightSlot = $scopedSlots.right
+  if (rightSlot) {
+    return h('div', {
+      class: 'vxe-grid--right-wrapper'
+    }, rightSlot({ $grid: _vm }))
+  }
+  return _e()
+}
+
 /**
  * 渲染表格
  */
-function renderTables (h, _vm) {
+function renderTable (h, _vm) {
   const { $scopedSlots, tableProps } = _vm
 
-  return h('vxe-table', {
-    key: 'table',
-    props: tableProps,
-    on: getTableOns(_vm),
-    scopedSlots: $scopedSlots,
-    ref: 'xTable'
-  })
+  return h('div', {
+    class: 'vxe-grid--table-wrapper'
+  }, [
+    h('vxe-table', {
+      key: 'table',
+      props: tableProps,
+      on: getTableOns(_vm),
+      scopedSlots: $scopedSlots,
+      ref: 'xTable'
+    })
+  ])
 }
 
 /**
  * 渲染表格底部区域
  */
-function renderBottoms (h, _vm) {
+function renderBottom (h, _vm) {
   const { _e, $scopedSlots } = _vm
   const bottomSlot = $scopedSlots.bottom
 
@@ -222,27 +254,30 @@ function renderBottoms (h, _vm) {
 /**
  * 渲染分页
  */
-function renderPagers (h, _vm) {
+function renderPager (h, _vm) {
   const { _e, $scopedSlots, pagerConfig, proxyConfig, tablePage } = _vm
   const pagerSlot = $scopedSlots.pager
   const hasPager = !!(pagerSlot || isEnableConf(pagerConfig))
 
-  return hasPager ? h('div', {
-    key: 'pager',
-    ref: 'pagerWrapper',
-    class: 'vxe-grid--pager-wrapper'
-  }, pagerSlot
-    ? pagerSlot.call(_vm, { $grid: _vm }, h)
-    : [
-        h('vxe-pager', {
-          props: { ..._vm.pagerOpts, ...(proxyConfig ? tablePage : {}) },
-          on: {
-            'page-change': _vm.pageChangeEvent
-          },
-          scopedSlots: getPagerSlots(_vm)
-        })
-      ]
-  ) : _e()
+  if (hasPager) {
+    return h('div', {
+      key: 'pager',
+      ref: 'pagerWrapper',
+      class: 'vxe-grid--pager-wrapper'
+    }, pagerSlot
+      ? pagerSlot.call(_vm, { $grid: _vm }, h)
+      : [
+          h('vxe-pager', {
+            props: { ..._vm.pagerOpts, ...(proxyConfig ? tablePage : {}) },
+            on: {
+              'page-change': _vm.pageChangeEvent
+            },
+            scopedSlots: getPagerSlots(_vm)
+          })
+        ]
+    )
+  }
+  return _e()
 }
 
 const defaultLayouts = ['Form', 'Toolbar', 'Top', 'Table', 'Bottom', 'Pager']
@@ -254,22 +289,31 @@ function renderLayout (h, _vm) {
   currLayouts.forEach(name => {
     switch (name) {
       case 'Form':
-        vns.push(renderForms(h, _vm))
+        vns.push(renderForm(h, _vm))
         break
       case 'Toolbar':
-        vns.push(renderToolbars(h, _vm))
+        vns.push(renderToolbar(h, _vm))
         break
       case 'Top':
-        vns.push(renderTops(h, _vm))
+        vns.push(renderTop(h, _vm))
         break
       case 'Table':
-        vns.push(renderTables(h, _vm))
+        vns.push(
+          h('div', {
+            key: 'table',
+            class: 'vxe-grid--table-container'
+          }, [
+            renderTableLeft(h, _vm),
+            renderTable(h, _vm),
+            renderTableRight(h, _vm)
+          ])
+        )
         break
       case 'Bottom':
-        vns.push(renderBottoms(h, _vm))
+        vns.push(renderBottom(h, _vm))
         break
       case 'Pager':
-        vns.push(renderPagers(h, _vm))
+        vns.push(renderPager(h, _vm))
         break
       default:
         if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {

package/styles/grid.scss

@@ -34,6 +34,19 @@
   .vxe-grid--bottom-wrapper  {
     position: relative;
   }
+  .vxe-grid--table-container {
+    display: flex;
+    flex-direction: row;
+  }
+  .vxe-grid--left-wrapper,
+  .vxe-grid--right-wrapper {
+    flex-shrink: 0;
+    overflow: auto;
+  }
+  .vxe-grid--table-wrapper {
+    flex-grow: 1;
+    overflow: hidden;
+  }
 }
 
 .vxe-grid {