From e8ee1423e742f89e52760d42aa8bca2c6f251a91 Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Thu, 8 Dec 2016 22:24:57 +0800
Subject: [PATCH] optimize Table style

---
 src/styles/mixins/caret.less |  2 +-
 test/routers/table.vue       | 36 +++++++-----------------------------
 2 files changed, 8 insertions(+), 30 deletions(-)

diff --git a/src/styles/mixins/caret.less b/src/styles/mixins/caret.less
index a3fb4eb..de05612 100644
--- a/src/styles/mixins/caret.less
+++ b/src/styles/mixins/caret.less
@@ -1,7 +1,7 @@
 // sortable
 .sortable() {
     display: inline-block;
-    width: 8px;
+    width: 9px;
     height: 12px;
     margin-left: 4px;
     margin-top: -1px;
diff --git a/test/routers/table.vue b/test/routers/table.vue
index 4d7b389..f57ccf0 100644
--- a/test/routers/table.vue
+++ b/test/routers/table.vue
@@ -1,38 +1,27 @@
 <template>
-    <i-table border :content="self" :columns="columns7" :data="data6"></i-table>
+    <i-table :columns="columns1" :data="data1"></i-table>
+    <i-table size="small" :columns="columns1" :data="data1"></i-table>
 </template>
 <script>
     export default {
         data () {
             return {
-                self: this,
-                columns7: [
+                columns1: [
                     {
                         title: '姓名',
-                        key: 'name',
-                        render (row, column, index) {
-                            return `<Icon type="person"></Icon> <strong>${row.name}</strong>`;
-                        }
+                        key: 'name'
                     },
                     {
                         title: '年龄',
-                        key: 'age'
+                        key: 'age',
+                        sortable: true
                     },
                     {
                         title: '地址',
                         key: 'address'
-                    },
-                    {
-                        title: '操作',
-                        key: 'action',
-                        width: 150,
-                        align: 'center',
-                        render (row, column, index) {
-                            return `<i-button type="primary" size="small" @click="show(${index})">查看</i-button> <i-button type="error" size="small" @click="remove(${index})">删除</i-button>`;
-                        }
                     }
                 ],
-                data6: [
+                data1: [
                     {
                         name: '王小明',
                         age: 18,
@@ -55,17 +44,6 @@
                     }
                 ]
             }
-        },
-        methods: {
-            show (index) {
-                this.$Modal.info({
-                    title: '用户信息',
-                    content: `姓名：${this.data6[index].name}<br>年龄：${this.data6[index].age}<br>地址：${this.data6[index].address}`
-                })
-            },
-            remove (index) {
-                this.data6.splice(index, 1);
-            }
         }
     }
 </script>
--
libgit2 0.21.4