github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Table: fix summary row scroll

pull/4724/head
Leopoldthecoder 2017-05-06 09:37:55 +08:00 committed by 杨奕
parent 50777f6779
commit 2fbe685506
1 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/table/src/table.vue
View File

@ -36,7 +36,7 @@
<span class="el-table__empty-text"><slot name="empty">{{ emptyText || t('el.table.emptyText') }}</slot></span> <span class="el-table__empty-text"><slot name="empty">{{ emptyText || t('el.table.emptyText') }}</slot></span>
</div> </div>
</div> </div>
<div class="el-table__footer-wrapper" ref="footerWrapper" v-if="showSummary && data && data.length > 0"> <div class="el-table__footer-wrapper" ref="footerWrapper" v-if="showSummary" v-show="data && data.length > 0">
<table-footer <table-footer
:store="store" :store="store"
:layout="layout" :layout="layout"
@ -76,7 +76,7 @@
:style="{ width: layout.fixedWidth ? layout.fixedWidth + 'px' : '' }"> :style="{ width: layout.fixedWidth ? layout.fixedWidth + 'px' : '' }">
</table-body> </table-body>
</div> </div>
<div class="el-table__fixed-footer-wrapper" ref="fixedFooterWrapper" v-if="showSummary && data && data.length > 0"> <div class="el-table__fixed-footer-wrapper" ref="fixedFooterWrapper" v-if="showSummary" v-show="data && data.length > 0">
<table-footer <table-footer
fixed="left" fixed="left"
:border="border" :border="border"
@ -117,7 +117,7 @@
:style="{ width: layout.rightFixedWidth ? layout.rightFixedWidth + 'px' : '' }"> :style="{ width: layout.rightFixedWidth ? layout.rightFixedWidth + 'px' : '' }">
</table-body> </table-body>
</div> </div>
<div class="el-table__fixed-footer-wrapper" ref="rightFixedFooterWrapper" v-if="showSummary && data && data.length > 0"> <div class="el-table__fixed-footer-wrapper" ref="rightFixedFooterWrapper" v-if="showSummary" v-show="data && data.length > 0">
<table-footer <table-footer
fixed="right" fixed="right"
:border="border" :border="border"
@ -252,16 +252,20 @@
if (refs.rightFixedBodyWrapper) refs.rightFixedBodyWrapper.scrollTop = this.scrollTop; if (refs.rightFixedBodyWrapper) refs.rightFixedBodyWrapper.scrollTop = this.scrollTop;
}); });
if (headerWrapper) { const scrollBodyWrapper = event => {
mousewheel(headerWrapper, throttle(16, event => { const deltaX = event.deltaX;
const deltaX = event.deltaX;
if (deltaX > 0) { if (deltaX > 0) {
this.bodyWrapper.scrollLeft += 10; this.bodyWrapper.scrollLeft += 10;
} else { } else {
this.bodyWrapper.scrollLeft -= 10; this.bodyWrapper.scrollLeft -= 10;
} }
})); };
if (headerWrapper) {
mousewheel(headerWrapper, throttle(16, scrollBodyWrapper));
}
if (footerWrapper) {
mousewheel(footerWrapper, throttle(16, scrollBodyWrapper));
} }
if (this.fit) { if (this.fit) {