Add empty style for table

components/table/index.jsx

@@ -471,13 +471,20 @@ var AntTable = React.createClass({
       column.key = column.dataIndex || i;
       return column;
     });
+    let emptyText;
+    if (!data || data.length === 0) {
+      emptyText = <div className="ant-table-empty">
+        <i className="anticon anticon-frown"></i>暂无数据
+      </div>;
+    }
     return <div className="clearfix">
       <Table
         {...this.props}
-        data={data || []}
+        data={data}
         columns={columns}
         className={classString}
         />
+      {emptyText}
       {this.renderPagination()}
     </div>;
   }

style/components/table.less

@@ -176,6 +176,20 @@
       }
     }
   }
+
+  &-empty {
+    height: 100px;
+    line-height: 100px;
+    text-align: center;
+    font-size: 12px;
+    color: #999;
+    border-bottom: 1px solid #E9E9E9;
+    .anticon {
+      margin-right: 4px;
+      position: relative;
+      top: -1px;
+    }
+  }
 }
 
 .@{table-prefix-cls}-pagination {