From 59ed4984dc85dd2a4c38717d206203da0e8dc264 Mon Sep 17 00:00:00 2001
From: furybean <long.zhang@ele.me>
Date: Tue, 25 Oct 2016 23:20:48 +0800
Subject: [PATCH] Table: add empty text

---
 packages/table/src/table.vue         | 10 +++++++++-
 packages/theme-default/src/table.css | 14 ++++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/packages/table/src/table.vue b/packages/table/src/table.vue
index 5180f3c67..251231b34 100644
--- a/packages/table/src/table.vue
+++ b/packages/table/src/table.vue
@@ -19,6 +19,9 @@
         :row-class-name="rowClassName"
         :style="{ width: layout.bodyWidth ? layout.bodyWidth - (layout.scrollY ? layout.gutterWidth : 0 ) + 'px' : '' }">
       </table-body>
+      <div class="el-table__empty-block" v-if="!data || data.length === 0">
+        <span class="el-table__empty-text">{{ emptyText }}</span>
+      </div>
     </div>
     <div class="el-table__fixed" ref="fixedWrapper"
       :style="{
@@ -123,7 +126,12 @@
 
       rowKey: [String, Function],
 
-      rowClassName: [String, Function]
+      rowClassName: [String, Function],
+
+      emptyText: {
+        type: String,
+        default: '暂无数据'
+      }
     },
 
     components: {
diff --git a/packages/theme-default/src/table.css b/packages/theme-default/src/table.css
index 62bc6bf12..9c1d4e9e9 100644
--- a/packages/theme-default/src/table.css
+++ b/packages/theme-default/src/table.css
@@ -43,6 +43,20 @@
       display: block;
     }
 
+    @e empty-block {
+      display: table;
+      min-height: 60px;
+      text-align: center;
+      width: 100%;
+      height: 100%;
+    }
+
+    @e empty-text {
+      display: table-cell;
+      vertical-align: middle;
+      color: #5e6d82;
+    }
+
     @modifier fit {
       border-right: 0;
       border-bottom: 0;