update Table

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';

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>

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
     {