update Table filter style

梁灏
1 parent a000231e
Showing 2 changed files with 43 additions and 8 deletions Show diff stats
examples/routers/table.vue
src/styles/components/table.less
 <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'
                     }
-                ]
+                ],
             }
         }
     }
@@ -333,6 +333,8 @@
         display: inline-block;
         cursor: pointer;
         position: relative;
+        position: relative;
+        top: 1px;
         i{
             color: @btn-disable-color;