test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-11-30 19:27:44 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix table prop bug

Browse Source
This commit is contained in:
qingwei.li 2016-08-22 15:17:32 +08:00
parent da8a014b90
commit 1df2920f4f
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/table/src/table-header.js
View File

@ -45,7 +45,7 @@ export default {
class="gutter"
style={{
width: (this.$parent.showVScrollBar
? this.$parent.gutterWidth
? this.$parent.currentGutterWidth
: 0
) + 'px'
}}>&nbsp;</th>)

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

@ -5,7 +5,7 @@
<table-header :columns="columns" :all-selected="allSelected" @allselectedchange="handleAllSelectedChange" :selection="selection" :style="{ width: bodyWidth ? bodyWidth + 'px' : '' }" :border="border"></table-header>
</div>
<div class="el-table__body-wrapper">
<table-body :columns="columns" :selection="selection" :data="filterData" :style="{ width: bodyWidth ? bodyWidth - (showVScrollBar ? gutterWidth : 0 ) + 'px' : '' }"></table-body>
<table-body :columns="columns" :selection="selection" :data="filterData" :style="{ width: bodyWidth ? bodyWidth - (showVScrollBar ? currentGutterWidth : 0 ) + 'px' : '' }"></table-body>
</div>
<div class="el-table__fixed" :style="{ width: fixedBodyWidth ? fixedBodyWidth + 'px' : '' }" ref="fixed">
<div class="el-table__fixed-header-wrapper" v-if="fixedColumnCount > 0">
@ -160,8 +160,8 @@
}
});
if (bodyMinWidth < bodyWidth - this.gutterWidth) { // do not have scroll bar.
let flexWidthTotal = bodyWidth - this.gutterWidth - columns.length - bodyMinWidth;
if (bodyMinWidth < bodyWidth - this.currentGutterWidth) { // do not have scroll bar.
let flexWidthTotal = bodyWidth - this.currentGutterWidth - columns.length - bodyMinWidth;
let flexWidthPerColumn = Math.floor(flexWidthTotal / flexColumns.length);
let flexWidthFirstColumn = flexWidthTotal - flexWidthPerColumn * flexColumns.length + flexWidthPerColumn;
@ -254,7 +254,7 @@
const fixedBodyWrapper = this.$el.querySelector('.el-table__fixed-body-wrapper');
if (fixedBodyWrapper) {
fixedBodyWrapper.style.height = (this.showHScrollBar ? gridWrapper.offsetHeight - this.gutterWidth : gridWrapper.offsetHeight) + 'px';
fixedBodyWrapper.style.height = (this.showHScrollBar ? gridWrapper.offsetHeight - this.currentGutterWidth : gridWrapper.offsetHeight) + 'px';
}
}
},
@ -317,7 +317,7 @@
if (GUTTER_WIDTH === undefined) {
GUTTER_WIDTH = getScrollBarWidth();
}
this.gutterWidth = GUTTER_WIDTH;
this.currentGutterWidth = GUTTER_WIDTH;
this.debouncedReRender = debounce(50, () => {
this.doRender();
@ -428,7 +428,8 @@
sortingColumn: null,
sortingProperty: null,
sortingDirection: 1,
visibleFilter: null
visibleFilter: null,
currentGutterWidth: this.gutterWidth
};
}
};

1
packages/theme-default/src/step.css
View File

@ -142,6 +142,7 @@
@e main {
white-space: normal;
padding-right: 10px;
text-align: left;
}
@e title {