From 779a62093d760e6d2072483a2947106badf8c0b9 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 4 Dec 2016 17:43:24 +0800
Subject: [PATCH] group column header should be text align centered

---
 components/table/demo/jsx.md      | 2 +-
 components/table/style/index.less | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/table/demo/jsx.md b/components/table/demo/jsx.md
index aa433c4e23..4926b97259 100644
--- a/components/table/demo/jsx.md
+++ b/components/table/demo/jsx.md
@@ -39,7 +39,7 @@ const data = [{
 }];
 
 ReactDOM.render(
-  <Table dataSource={data}>
+  <Table dataSource={data} bordered>
     <ColumnGroup title="Name">
       <Column
         title="First Name"
diff --git a/components/table/style/index.less b/components/table/style/index.less
index a15adb79be..9c5439d9c9 100644
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@@ -31,6 +31,10 @@
     transition: background .3s ease;
     text-align: left;
 
+    &[colspan] {
+      text-align: center;
+    }
+
     .@{iconfont-css-prefix}-filter {
       margin-left: 4px;
       font-size: @font-size-base;