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

Merge pull request #3284 from huanghong1125/2.0

Browse source 
column add prop minWidth and maxWidth
This commit is contained in:
Aresn 2018-04-10 15:18:53 +08:00 • committed by GitHub
commit 6cbd947611
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 239 additions and 112 deletions
Download patch file Download diff file Expand all files Collapse all files

74
examples/routers/table.vue
View file

@ -1,15 +1,20 @@
<template>
<div>
<br><br><br><br><br>
<Table border :columns="columns1" height="500" :data="data1"></Table>
<br><br><br><br><br>
<!--<Table width="550" height="200" border :columns="columns2" :data="data4"></Table>-->
<Table border :show-header='false' :columns="columns1" height="500" :data="data1"></Table>
<!-- <Table border :columns="columns1" height='300'></Table> -->
<!-- <br><br><br><br><br> -->
<!-- <Table width="550" height="200" border :columns="columns2" :data="data4"></Table> -->
<!--<br><br><br><br><br>-->
<Table border :columns="columns5" height="240" :data="data5"></Table>
<br><br><br><br><br>
<Table border :columns="columns6" :data="data5"></Table>
<br><br><br><br><br>
<!-- <Table border :columns="columns5" height="240" :data="data5"></Table> -->
<!-- <br><br><br><br><br> -->
<!-- <Table border :columns="columns6" :data="data5"></Table> -->
<!-- <br><br><br><br><br> -->
<Table border :show-header='false' :columns="columns7" height="200" :data="data7"></Table>
<Table border :columns="columns7" height="240" :data="data7"></Table>
<!-- <br><br><br><br><br> -->
<!-- <Table border :columns="columns8" :data="data7" height="200"></Table> -->
<!-- <Table border :columns="columns8" height="200"></Table> -->
<br><br><br><br><br>
</div>
</template>
@ -22,7 +27,8 @@
title: 'Name',
key: 'name',
align: 'center',
width: 200,
minWidth: 100,
maxWidth: 200,
fixed: 'left',
filters: [
{
@ -51,7 +57,8 @@
title: 'Age',
key: 'age',
align: 'center',
width: 200,
minWidth: 100,
maxWidth: 200,
sortable: true
},
{
@ -62,7 +69,8 @@
title: 'Street',
key: 'street',
align: 'center',
width: 200
minWidth: 100,
maxWidth: 200,
},
{
title: 'Block',
@ -72,14 +80,16 @@
title: 'Building',
key: 'building',
align: 'center',
width: 200,
minWidth: 100,
maxWidth: 200,
sortable: true
},
{
title: 'Door No.',
key: 'door',
align: 'center',
width: 200
minWidth: 100,
maxWidth: 200,
}
]
}
@ -95,13 +105,15 @@
title: 'Company Address',
key: 'caddress',
align: 'center',
width: 200
minWidth: 100,
maxWidth: 200,
},
{
title: 'Company Name',
key: 'cname',
align: 'center',
width: 200
minWidth: 100,
maxWidth: 200,
}
]
},
@ -116,8 +128,9 @@
title: 'Gender',
key: 'gender',
align: 'center',
width: 200,
//fixed: 'right'
minWidth: 100,
maxWidth: 200,
fixed: 'right'
}
],
columns2: [
@ -360,6 +373,7 @@
{
title: 'Age',
key: 'age',
width:200,
},
{
title: 'Address',
@ -393,6 +407,34 @@
date: '2016-10-04'
}
],
columns8: [
{
title: 'Date',
key: 'date',
sortable: true,
minWidth:100,
maxWidth:200,
},
{
title: 'Name',
key: 'name',
minWidth:100,
maxWidth:200,
},
{
title: 'Age',
key: 'age',
minWidth:100,
maxWidth:200,
},
{
title: 'Address',
key: 'address',
minWidth:200,
maxWidth:300,
}
],
}
},
mounted () {