From 9f723b0257cba05a596038f8ae6e21ee0709c2de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Mon, 25 Jun 2018 20:22:57 +0800
Subject: [PATCH] update Table filter style

---
 examples/routers/table.vue       | 49 ++++++++++++++++++++++++++------
 src/styles/components/table.less |  2 ++
 2 files changed, 43 insertions(+), 8 deletions(-)

diff --git a/examples/routers/table.vue b/examples/routers/table.vue
index bbf3f03f..3bc47279 100644
--- a/examples/routers/table.vue
+++ b/examples/routers/table.vue
@@ -1,28 +1,61 @@
 <template>
-    <Table border :columns="columns5" :data="data5"></Table>
+    <Table border :columns="columns6" :data="data5"></Table>
 </template>
 <script>
     export default {
         data () {
             return {
-                columns5: [
+                columns6: [
                     {
                         title: 'Date',
-                        key: 'date',
-                        sortable: true
+                        key: 'date'
                     },
                     {
                         title: 'Name',
                         key: 'name'
                     },
                     {
-                        title: 'Age',
+                        title: '年龄',
                         key: 'age',
-                        sortable: true
+                        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'
+                        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;
+                        }
                     }
                 ],
                 data5: [
@@ -50,7 +83,7 @@
                         address: 'Ottawa No. 2 Lake Park',
                         date: '2016-10-04'
                     }
-                ]
+                ],
             }
         }
     }
diff --git a/src/styles/components/table.less b/src/styles/components/table.less
index 5a30ba22..ed826a7c 100644
--- a/src/styles/components/table.less
+++ b/src/styles/components/table.less
@@ -333,6 +333,8 @@
         display: inline-block;
         cursor: pointer;
         position: relative;
+        position: relative;
+        top: 1px;
 
         i{
             color: @btn-disable-color;