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

fixed #2832

Browse source
This commit is contained in:
梁灏 2018-01-19 17:34:02 +08:00
parent 57fe55624e
commit b34e09b8f9
3 changed files with 136 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

150
examples/routers/table.vue
View file

@ -1,14 +1,117 @@
<!--<template>-->
<!--<Table border :columns="columns6" :data="data5"></Table>-->
<!--</template>-->
<!--<script>-->
<!--export default {-->
<!--data () {-->
<!--return {-->
<!--columns6: [-->
<!--{-->
<!--title: 'Date',-->
<!--key: 'date'-->
<!--},-->
<!--{-->
<!--title: 'Name',-->
<!--key: 'name'-->
<!--},-->
<!--{-->
<!--title: 'Gender',-->
<!--key: 'gender'-->
<!--},-->
<!--{-->
<!--title: 'Age',-->
<!--key: 'age',-->
<!--fixed: 'left',-->
<!--// fixed: 'right',-->
<!--filters: [-->
<!--{-->
<!--label: 'Greater than 25',-->
<!--value: 1-->
<!--},-->
<!--{-->
<!--label: 'Less than 25',-->
<!--value: 2-->
<!--}-->
<!--],-->
<!--filterMultiple: false,-->
<!--filterMethod (value, row) {-->
<!--if (value === 1) {-->
<!--return row.age > 25;-->
<!--} else if (value === 2) {-->
<!--return row.age < 25;-->
<!--}-->
<!--}-->
<!--},-->
<!--{-->
<!--title: 'Address',-->
<!--key: 'address',-->
<!--fixed: 'left',-->
<!--filters: [-->
<!--{-->
<!--label: 'New York',-->
<!--value: 'New York'-->
<!--},-->
<!--{-->
<!--label: 'London',-->
<!--value: 'London'-->
<!--},-->
<!--{-->
<!--label: 'Sydney',-->
<!--value: 'Sydney'-->
<!--}-->
<!--],-->
<!--filterMethod (value, row) {-->
<!--return row.address.indexOf(value) > -1;-->
<!--}-->
<!--}-->
<!--],-->
<!--data5: [-->
<!--{-->
<!--name: 'John Brown',-->
<!--age: 18,-->
<!--gender: 'male',-->
<!--address: 'New York No. 1 Lake Park',-->
<!--date: '2016-10-03'-->
<!--},-->
<!--{-->
<!--name: 'Jim Green',-->
<!--age: 24,-->
<!--gender: 'female',-->
<!--address: 'London No. 1 Lake Park',-->
<!--date: '2016-10-01'-->
<!--},-->
<!--{-->
<!--name: 'Joe Black',-->
<!--age: 30,-->
<!--gender: 'male',-->
<!--address: 'Sydney No. 1 Lake Park',-->
<!--date: '2016-10-02'-->
<!--},-->
<!--{-->
<!--name: 'Jon Snow',-->
<!--age: 26,-->
<!--gender: 'male',-->
<!--address: 'Ottawa No. 2 Lake Park',-->
<!--date: '2016-10-04'-->
<!--}-->
<!--],-->
<!--}-->
<!--}-->
<!--}-->
<!--</script>-->
<template>
<Table border :columns="columns6" :data="data5"></Table>
<Table border :columns="columns5" :data="data5"></Table>
</template>
<script>
export default {
data () {
return {
columns6: [
columns5: [
{
title: 'Date',
key: 'date'
key: 'date',
sortable: true
},
{
title: 'Name',
@ -17,45 +120,12 @@
{
title: 'Age',
key: 'age',
filters: [
{
label: 'Greater than 25',
value: 1
},
{
label: 'Less than 25',
value: 2
}
],
filterMultiple: false,
filterMethod (value, row) {
if (value === 1) {
return row.age > 25;
} else if (value === 2) {
return row.age < 25;
}
}
fixed: 'right',
sortable: true
},
{
title: 'Address',
key: 'address',
filters: [
{
label: 'New York',
value: 'New York'
},
{
label: 'London',
value: 'London'
},
{
label: 'Sydney',
value: 'Sydney'
}
],
filterMethod (value, row) {
return row.address.indexOf(value) > -1;
}
key: 'address'
}
],
data5: [
@ -83,7 +153,7 @@
address: 'Ottawa No. 2 Lake Park',
date: '2016-10-04'
}
],
]
}
}
}