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

update Table

Browse source
This commit is contained in:
Aresn 2017-05-27 16:32:51 +08:00
parent af6e81cd64
commit 367a4196a4
3 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
examples/routers/table.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<Table :columns="columns7" :data="data6" @on-expand="expand"></Table> <Table border :columns="columns7" :data="data6" @on-expand="expand"></Table>
</template> </template>
<script> <script>
import etable from '../components/table.vue'; import etable from '../components/table.vue';

2
src/components/table/table-body.vue
View file

@ -27,7 +27,7 @@
</td> </td>
</tr> </tr>
<tr v-if="rowExpanded(row._index)"> <tr v-if="rowExpanded(row._index)">
<td :colspan="columns.length"> <td :colspan="columns.length" :class="prefixCls + '-expanded-cell'">
<Expand :row="row" :render="expandRender" :index="row._index"></Expand> <Expand :row="row" :render="expandRender" :index="row._index"></Expand>
</td> </td>
</tr> </tr>

5
src/styles/components/table.less
View file

@ -174,6 +174,11 @@
vertical-align: middle; vertical-align: middle;
} }
td&-expanded-cell{
padding: 20px 50px;
background: @table-thead-bg;
}
&-stripe &-body, &-stripe &-body,
&-stripe &-fixed-body &-stripe &-fixed-body
{ {