From 367a4196a4e1e997fbdd9e5215ae6db3a2344a15 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Sat, 27 May 2017 16:32:51 +0800
Subject: [PATCH] update Table

---
 examples/routers/table.vue          | 2 +-
 src/components/table/table-body.vue | 2 +-
 src/styles/components/table.less    | 5 +++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/examples/routers/table.vue b/examples/routers/table.vue
index e42834a..3a1ac41 100644
--- a/examples/routers/table.vue
+++ b/examples/routers/table.vue
@@ -1,5 +1,5 @@
 <template>
-    <Table :columns="columns7" :data="data6" @on-expand="expand"></Table>
+    <Table border :columns="columns7" :data="data6" @on-expand="expand"></Table>
 </template>
 <script>
     import etable from '../components/table.vue';
diff --git a/src/components/table/table-body.vue b/src/components/table/table-body.vue
index 59e72e7..ae66e9e 100644
--- a/src/components/table/table-body.vue
+++ b/src/components/table/table-body.vue
@@ -27,7 +27,7 @@
                     </td>
                 </tr>
                 <tr v-if="rowExpanded(row._index)">
-                    <td :colspan="columns.length">
+                    <td :colspan="columns.length" :class="prefixCls + '-expanded-cell'">
                         <Expand :row="row" :render="expandRender" :index="row._index"></Expand>
                     </td>
                 </tr>
diff --git a/src/styles/components/table.less b/src/styles/components/table.less
index 4507ac7..556ac2e 100644
--- a/src/styles/components/table.less
+++ b/src/styles/components/table.less
@@ -174,6 +174,11 @@
         vertical-align: middle;
     }
 
+    td&-expanded-cell{
+        padding: 20px 50px;
+        background: @table-thead-bg;
+    }
+
     &-stripe &-body,
     &-stripe &-fixed-body
     {
--
libgit2 0.21.4