This commit is contained in:
xuliangzhan
2019-04-29 23:15:22 +08:00
parent 137e89e704
commit b7c3f25fb6
2 changed files with 19 additions and 6 deletions

View File

@@ -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

View File

@@ -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)
},
// 是否使用了分组表头