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

update Table #167

Browse source 
update Table
This commit is contained in:
梁灏 2017-01-05 14:10:08 +08:00
parent 3d6fa54b39
commit a404bbaed3
3 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/table/mixin.js
View file

@ -19,7 +19,7 @@ export default {
width = this.columnsWidth[column._index].width; width = this.columnsWidth[column._index].width;
} }
// when browser has scrollBar,set a width to resolve scroll position bug // when browser has scrollBar,set a width to resolve scroll position bug
if (this.columns.length === index + 1 && top) { if (this.columns.length === index + 1 && top && this.$parent.bodyHeight !== 0) {
width += this.$parent.scrollBarWidth; width += this.$parent.scrollBarWidth;
} }
// when fixed type,reset first right fixed column's width // when fixed type,reset first right fixed column's width

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

@ -1,5 +1,5 @@
<template> <template>
<table cellspacing="0" cellpadding="0" border="0" :style="style"> <table cellspacing="0" cellpadding="0" border="0" :style="styles">
<colgroup> <colgroup>
<col v-for="column in columns" :width="setCellWidth(column, $index, true)"> <col v-for="column in columns" :width="setCellWidth(column, $index, true)">
</colgroup> </colgroup>
@ -75,6 +75,12 @@
} }
}, },
computed: { computed: {
styles () {
const style = Object.assign({}, this.style);
const width = this.$parent.bodyHeight === 0 ? parseInt(this.style.width) : parseInt(this.style.width) + this.$parent.scrollBarWidth;
style.width = `${width}px`;
return style;
},
isSelectAll () { isSelectAll () {
let isSelectAll = true; let isSelectAll = true;
if (!this.data.length) isSelectAll = false; if (!this.data.length) isSelectAll = false;

4
test/routers/table.vue
View file

@ -4,7 +4,9 @@
} }
</style> </style>
<template> <template>
<i-table width="550" height="200" border :columns="columns2" :data="data4"></i-table> <i-table border :columns="columns1" :data="data1"></i-table>
<i-table border height="200" :columns="columns1" :data="data2"></i-table>
<!--<i-table width="550" height="200" border :columns="columns2" :data="data4"></i-table>-->
<!--<i-button @click="changeFilter">改变filter</i-button>--> <!--<i-button @click="changeFilter">改变filter</i-button>-->
<!--<span v-if="currentRow !== null">Current Row: {{currentRow.name}}</span>--> <!--<span v-if="currentRow !== null">Current Row: {{currentRow.name}}</span>-->
<!--<Switch size="small" @on-change="switchCellEllipsis"></Switch> Ellipsis--> <!--<Switch size="small" @on-change="switchCellEllipsis"></Switch> Ellipsis-->