From eba54529ca9bd6c01ed95fea9a309368bcccd7db Mon Sep 17 00:00:00 2001
From: ddcat1115 <ddcat1115@gmail.com>
Date: Thu, 21 Jul 2016 15:14:42 +0800
Subject: [PATCH] table-title style (#2452)

---
 components/table/demo/bordered.md | 13 +++++++++----
 components/table/index.md         |  1 +
 components/table/style/index.less | 20 ++++++++++++++++++++
 package.json                      |  2 +-
 4 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/components/table/demo/bordered.md b/components/table/demo/bordered.md
index 771132d400..f036706d04 100644
--- a/components/table/demo/bordered.md
+++ b/components/table/demo/bordered.md
@@ -1,9 +1,9 @@
 ---
 order: 10
-title: 边框和页脚
+title: 边框，页头和页脚
 ---
 
-添加表格边框线和页脚。
+添加表格边框线，页头和页脚。
 
 ````jsx
 import { Table } from 'antd';
@@ -40,8 +40,13 @@ const data = [{
   address: '西湖区湖底公园1号',
 }];
 
-ReactDOM.render(<Table columns={columns} dataSource={data} bordered footer={() => '页脚'} />
-, mountNode);
+ReactDOM.render(<Table
+  columns={columns}
+  dataSource={data}
+  bordered
+  title={() => '页头'}
+  footer={() => '页脚'}
+/>, mountNode);
 ````
 
 ````css
diff --git a/components/table/index.md b/components/table/index.md
index c5f7dde1cb..bd42685a28 100644
--- a/components/table/index.md
+++ b/components/table/index.md
@@ -72,6 +72,7 @@ const columns = [{
 | bordered  | 是否展示外边框和列边框 | Boolean | false      |
 | showHeader  | 是否显示表头 | Boolean          | true      |
 | footer  | 表格底部自定义渲染函数         | Function(currentPageData)   | |
+| title  | 表格头部自定义渲染函数         | Function(currentPageData)   | |
 | scroll  | 横向或纵向支持滚动，也可用于指定滚动区域的宽高度：`{{ x: true, y: 300 }}` | Object   | -  |
 
 ### Column
diff --git a/components/table/style/index.less b/components/table/style/index.less
index 9e30a9f48b..155722acbb 100644
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@@ -75,6 +75,26 @@
     border: 1px solid @border-color-split;
   }
 
+  &-title {
+    padding: 16px 8px;
+    position: relative;
+    top: 1px;
+    border-radius: @border-radius-base @border-radius-base 0 0;
+  }
+
+  &.@{table-prefix-cls}-bordered &-title {
+    border: 1px solid @border-color-split;
+  }
+
+  &-title + &-content {
+    position: relative;
+
+    table {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
+
   tr.@{table-prefix-cls}-row-selected {
     background: #fafafa;
   }
diff --git a/package.json b/package.json
index 1f6996dfe7..c5c939ec15 100644
--- a/package.json
+++ b/package.json
@@ -60,7 +60,7 @@
     "rc-slider": "~3.7.3",
     "rc-steps": "~2.1.5",
     "rc-switch": "~1.4.2",
-    "rc-table": "~4.3.5",
+    "rc-table": "~4.4.0",
     "rc-tabs": "~5.9.2",
     "rc-time-picker": "~1.1.5",
     "rc-tooltip": "~3.4.1",