From b7c3f25fb6e661faf2017c010cfd2188e600bfcf Mon Sep 17 00:00:00 2001 From: xuliangzhan Date: Mon, 29 Apr 2019 23:15:22 +0800 Subject: [PATCH] update --- README.md | 18 +++++++++++++----- packages/table/src/table.js | 7 ++++++- 2 files changed, 19 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 08c6db40b..b6ef80865 100644 --- a/README.md +++ b/README.md @@ -82,10 +82,18 @@ import 'vxe-table/lib/index.css' Vue.use(VXETable) // 支持设置全部默认参数 -// Vue.use(VXETable, { -// size: 'small, // 全局表格尺寸 -// optimized: false, // 全局优化配置项 -// contextMenu: null // 全局快捷菜单 +// Vue.use(VXETable, { +// // 全局表格尺寸 +// size: 'small, +// // 全局快捷菜单 +// contextMenu: null, +// // 全局优化配置项 +// optimized: { +// scroll: { +// gt: 500, +// size: 100 +// } +// } // }) ``` @@ -142,7 +150,7 @@ Vue.use(VXETable) |------|------|-----|-----|-----| | animat | 表格动画效果开关(关闭后视觉效果更快) | Boolean | — | true | | overflow | 设置所有行不允许换行(设置后对于固定列能大幅提升性能) | String | ellipsis / title / tooltip | — | -| renderSize | 设置为滚动渲染方式,每次渲染的条数 | String | scroll(性能快,滚动效果略差) | — | +| scroll | 滚动渲染配置 | Object | — | {gt: 500, size: 100} | #### Table Events diff --git a/packages/table/src/table.js b/packages/table/src/table.js index e6b58088b..e9a40ecf3 100644 --- a/packages/table/src/table.js +++ b/packages/table/src/table.js @@ -195,7 +195,12 @@ export default { // 显示效果开关 animat: !isAll, // 如果设置了则不允许换行 ellipsis、title、tooltip - overflow: isAll ? 'title' : null + overflow: isAll ? 'title' : null, + // 默认大于 500 条时自动使用滚动渲染 + scroll: { + gt: 500, + size: 100 + } }, this.optimized) }, // 是否使用了分组表头