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

Table: fix fixed column won't disappear in some condition.

pull/1207/head
furybean 2016-11-18 12:42:17 +08:00 committed by Leopoldthecoder
parent 012c0185f2
commit bd8bf7bf35
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -25,12 +25,12 @@
</div> </div>
</div> </div>
<div class="el-table__fixed" ref="fixedWrapper" <div class="el-table__fixed" ref="fixedWrapper"
v-if="fixedColumns.length > 0"
:style="{ :style="{
width: layout.fixedWidth ? layout.fixedWidth + 'px' : '', width: layout.fixedWidth ? layout.fixedWidth + 'px' : '',
height: layout.viewportHeight ? layout.viewportHeight + 'px' : '' height: layout.viewportHeight ? layout.viewportHeight + 'px' : ''
}"> }">
<div class="el-table__fixed-header-wrapper" ref="fixedHeaderWrapper" <div class="el-table__fixed-header-wrapper" ref="fixedHeaderWrapper">
v-if="fixedColumns.length > 0">
<table-header <table-header
fixed="left" fixed="left"
:border="border" :border="border"
@ -39,7 +39,6 @@
:style="{ width: layout.fixedWidth ? layout.fixedWidth + 'px' : '' }"></table-header> :style="{ width: layout.fixedWidth ? layout.fixedWidth + 'px' : '' }"></table-header>
</div> </div>
<div class="el-table__fixed-body-wrapper" ref="fixedBodyWrapper" <div class="el-table__fixed-body-wrapper" ref="fixedBodyWrapper"
v-if="fixedColumns.length > 0"
:style="{ :style="{
top: layout.headerHeight + 'px', top: layout.headerHeight + 'px',
height: layout.fixedBodyHeight ? layout.fixedBodyHeight + 'px' : '' height: layout.fixedBodyHeight ? layout.fixedBodyHeight + 'px' : ''
@ -55,13 +54,13 @@
</div> </div>
</div> </div>
<div class="el-table__fixed-right" ref="rightFixedWrapper" <div class="el-table__fixed-right" ref="rightFixedWrapper"
v-if="rightFixedColumns.length > 0"
:style="{ :style="{
width: layout.rightFixedWidth ? layout.rightFixedWidth + 'px' : '', width: layout.rightFixedWidth ? layout.rightFixedWidth + 'px' : '',
height: layout.viewportHeight ? layout.viewportHeight + 'px' : '', height: layout.viewportHeight ? layout.viewportHeight + 'px' : '',
right: layout.scrollY ? layout.gutterWidth + 'px' : '' right: layout.scrollY ? layout.gutterWidth + 'px' : ''
}"> }">
<div class="el-table__fixed-header-wrapper" ref="rightFixedHeaderWrapper" <div class="el-table__fixed-header-wrapper" ref="rightFixedHeaderWrapper">
v-if="rightFixedColumns.length > 0">
<table-header <table-header
fixed="right" fixed="right"
:border="border" :border="border"
@ -70,7 +69,6 @@
:style="{ width: layout.rightFixedWidth ? layout.rightFixedWidth + 'px' : '' }"></table-header> :style="{ width: layout.rightFixedWidth ? layout.rightFixedWidth + 'px' : '' }"></table-header>
</div> </div>
<div class="el-table__fixed-body-wrapper" ref="rightFixedBodyWrapper" <div class="el-table__fixed-body-wrapper" ref="rightFixedBodyWrapper"
v-if="rightFixedColumns.length > 0"
:style="{ :style="{
top: layout.headerHeight + 'px', top: layout.headerHeight + 'px',
height: layout.fixedBodyHeight ? layout.fixedBodyHeight + 'px' : '' height: layout.fixedBodyHeight ? layout.fixedBodyHeight + 'px' : ''