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

fixed table scollbar

Browse source
This commit is contained in:
huanghong 2018-03-27 22:26:56 +08:00
parent 6b90a39c12
commit eec3859c11
6 changed files with 19 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/table/table-head.vue
View file

@ -1,7 +1,8 @@
<template>
<table cellspacing="0" cellpadding="0" border="0" :style="styles">
<colgroup>
<col v-for="(column, index) in columns" :width="setCellWidth(column, index, true)">
<col v-for="(column, index) in columns" :width="setCellWidth(column)">
<col v-if="$parent.showVerticalScrollBar" :width="$parent.scrollBarWidth"/>
</colgroup>
<thead>
<tr v-for="(cols, rowIndex) in headRows">
@ -59,6 +60,8 @@
</template>
</div>
</th>
<th v-if="$parent.showVerticalScrollBar" :rowspan="headRows.length"></th>
</tr>
</thead>
</table>
@ -93,12 +96,7 @@
computed: {
styles () {
const style = Object.assign({}, this.styleObject);
let scrollBarWidth = this.$parent.scrollBarWidth;
if(!this.$parent.showVerticalScrollBar) scrollBarWidth = 0;
let isLeftFixed = this.$el && this.$el.parentElement.className.indexOf('fixed-header')>0;
if(isLeftFixed) scrollBarWidth = 0;
const width = this.$parent.bodyHeight === 0 ? parseInt(this.styleObject.width) : parseInt(this.styleObject.width) + scrollBarWidth;
const width = parseInt(this.styleObject.width) ;
style.width = `${width}px`;
return style;
},