From 1b737fdc83027a0ae722e517446ac444fe7798b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Tue, 18 Jul 2017 15:03:27 +0800
Subject: [PATCH] fixed #122

---
 examples/routers/table.vue          |  9 +++++----
 src/components/table/table-head.vue | 15 ++++++++++++++-
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/examples/routers/table.vue b/examples/routers/table.vue
index 9a9f96c2..9ea6e506 100644
--- a/examples/routers/table.vue
+++ b/examples/routers/table.vue
@@ -21,15 +21,16 @@
                         title: '姓名',
                         key: 'name',
                         width: 100,
-                        fixed: 'left',
                         sortable: true,
-                        renderHeader: (h, params) => {
-                            return h('Tag', params.index)
-                        }
+//                        fixed: 'left',
+//                        renderHeader: (h, params) => {
+//                            return h('Tag', params.index)
+//                        }
                     },
                     {
                         title: '年龄',
                         key: 'age',
+                        sortable: true,
                         width: 100
                     },
                     {
diff --git a/src/components/table/table-head.vue b/src/components/table/table-head.vue
index 63d048bc..45c5adce 100644
--- a/src/components/table/table-head.vue
+++ b/src/components/table/table-head.vue
@@ -10,7 +10,7 @@
                         <template v-if="column.type === 'expand'"></template>
                         <template v-else-if="column.type === 'selection'"><Checkbox :value="isSelectAll" @on-change="selectAll"></Checkbox></template>
                         <template v-else>
-                            <span v-if="!column.renderHeader">{{ column.title || '#' }}</span>
+                            <span v-if="!column.renderHeader" @click="handleSortByHead(index)">{{ column.title || '#' }}</span>
                             <render-header v-else :render="column.renderHeader" :column="column" :index="index"></render-header>
                             <span :class="[prefixCls + '-sort']" v-if="column.sortable">
                                 <i class="ivu-icon ivu-icon-arrow-up-b" :class="{on: column._sortType === 'asc'}" @click="handleSort(index, 'asc')"></i>
@@ -134,6 +134,19 @@
                 }
                 this.$parent.handleSort(index, type);
             },
+            handleSortByHead (index) {
+                const column = this.columns[index];
+                if (column.sortable) {
+                    const type = column._sortType;
+                    if (type === 'normal') {
+                        this.handleSort(index, 'asc');
+                    } else if (type === 'asc') {
+                        this.handleSort(index, 'desc');
+                    } else {
+                        this.handleSort(index, 'normal');
+                    }
+                }
+            },
             handleFilter (index) {
                 this.$parent.handleFilter(index);
             },