drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

publish 0.9.9-rc-4

Browse source 
optimizing Table performance
This commit is contained in:
梁灏 2016-12-01 11:14:26 +08:00
parent d0e206c501
commit a81dc06c7d
3 changed files with 26 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "iview",
"version": "0.9.9-rc-3",
"version": "0.9.9-rc-4",
"title": "iView",
"description": "A high quality UI components Library with Vue.js",
"homepage": "http://www.iviewui.com",

14
src/components/table/table.vue
View file

@ -21,7 +21,7 @@
:columns-width="columnsWidth"
:obj-data="objData"></table-body>
</div>
<div :class="[prefixCls + '-fixed']" :style="fixedTableStyle">
<div :class="[prefixCls + '-fixed']" :style="fixedTableStyle" v-if="isLeftFixed">
<div :class="[prefixCls + '-fixed-header']" v-if="showHeader">
<table-head
fixed="left"
@ -43,7 +43,7 @@
:obj-data="objData"></table-body>
</div>
</div>
<div :class="[prefixCls + '-fixed-right']" :style="fixedRightTableStyle">
<div :class="[prefixCls + '-fixed-right']" :style="fixedRightTableStyle" v-if="isRightFixed">
<div :class="[prefixCls + '-fixed-header']" v-if="showHeader">
<table-head
fixed="right"
@ -226,6 +226,12 @@
}
});
return right.concat(other);
},
isLeftFixed () {
return this.columns.some(col => col.fixed && col.fixed === 'left');
},
isRightFixed () {
return this.columns.some(col => col.fixed && col.fixed === 'right');
}
},
methods: {
@ -342,8 +348,8 @@
},
handleBodyScroll (event) {
if (this.showHeader) this.$els.header.scrollLeft = event.target.scrollLeft;
if (this.leftFixedColumns.length) this.$els.fixedBody.scrollTop = event.target.scrollTop;
if (this.rightFixedColumns.length) this.$els.fixedRightBody.scrollTop = event.target.scrollTop;
if (this.isLeftFixed) this.$els.fixedBody.scrollTop = event.target.scrollTop;
if (this.isRightFixed) this.$els.fixedRightBody.scrollTop = event.target.scrollTop;
this.hideColumnFilter();
},
handleMouseWheel (event) {

30
test/routers/table.vue
View file

@ -9,21 +9,21 @@
return {
self: this,
columns7: [
// {
// title: '姓名',
// key: 'name',
// render (row, column, index) {
// return `<strong>${row.name}</strong>`;
// }
// },
// {
// title: '年龄',
// key: 'age'
// },
// {
// title: '地址',
// key: 'address'
// },
{
title: '姓名',
key: 'name',
render (row, column, index) {
return `<strong>${row.name}</strong>`;
}
},
{
title: '年龄',
key: 'age'
},
{
title: '地址',
key: 'address'
},
{
title: '操作',
key: 'action',