From e18a330fbd85f80d21ca557aefef6c9aa85d1021 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 14 Feb 2017 11:54:52 +0800
Subject: [PATCH 01/88] Fix danger button click effect

---
 components/button/style/index.less | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/button/style/index.less b/components/button/style/index.less
index 7982c9e3aa..d5bdf0d8ca 100644
--- a/components/button/style/index.less
+++ b/components/button/style/index.less
@@ -123,10 +123,14 @@
     border-radius: inherit;
     border: 0 solid @primary-color;
     opacity: 0.4;
-    animation: buttonEffect 0.36s ease-out forwards;
+    animation: buttonEffect 0.48s ease-in-out forwards;
     display: block;
   }
 
+  &-danger&-clicked:after {
+    border-color: @btn-danger-bg;
+  }
+
   &-background-ghost {
     background: transparent!important;
     border-color: #fff;

From a0c1d22d920d78af19f5560eb15124d7083ed083 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Tue, 14 Feb 2017 18:03:32 +0800
Subject: [PATCH 02/88] deps: upgrade bisheng

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index b0d5a6bd0c..c40605b10d 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,7 @@
     "babel-preset-es2015": "^6.18.0",
     "babel-preset-react": "^6.16.0",
     "babel-preset-stage-0": "^6.16.0",
-    "bisheng": "^0.21.0",
+    "bisheng": "^0.22.0",
     "bisheng-plugin-antd": "^0.11.0",
     "bisheng-plugin-description": "^0.1.1",
     "bisheng-plugin-react": "^0.4.0",

From c296d1a9181775a63688cafccf73b2b780d6954b Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 14 Feb 2017 20:27:48 +0800
Subject: [PATCH 03/88] remove unused ant-select-show-search className, close
 #4859

---
 .../__tests__/__snapshots__/demo.test.js.snap               | 2 +-
 components/select/__tests__/__snapshots__/demo.test.js.snap | 2 +-
 components/select/demo/optgroup.md                          | 6 +++---
 components/select/index.tsx                                 | 2 --
 4 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
index dd20609036..1187ad545c 100644
--- a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
@@ -126,7 +126,7 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
     <div
       class="example">
       <div
-        class="ant-select-show-search ant-select ant-select-enabled"
+        class="ant-select ant-select-enabled"
         style="width:200px;">
         <div
           aria-autocomplete="list"
diff --git a/components/select/__tests__/__snapshots__/demo.test.js.snap b/components/select/__tests__/__snapshots__/demo.test.js.snap
index 4801d0660a..3fe0a42689 100644
--- a/components/select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/select/__tests__/__snapshots__/demo.test.js.snap
@@ -323,7 +323,7 @@ exports[`test renders ./components/select/demo/optgroup.md correctly 1`] = `
 
 exports[`test renders ./components/select/demo/search.md correctly 1`] = `
 <div
-  class="ant-select-show-search ant-select ant-select-enabled"
+  class="ant-select ant-select-enabled"
   style="width:200px;">
   <div
     aria-autocomplete="list"
diff --git a/components/select/demo/optgroup.md b/components/select/demo/optgroup.md
index 5f3d1b6823..b0ed5e3505 100644
--- a/components/select/demo/optgroup.md
+++ b/components/select/demo/optgroup.md
@@ -1,6 +1,6 @@
 ---
 order: 5
-title: 
+title:
   zh-CN: 分组
   en-US: Option Group
 ---
@@ -23,9 +23,9 @@ function handleChange(value) {
 }
 
 ReactDOM.render(
-  <Select defaultValue="lucy"
+  <Select
+    defaultValue="lucy"
     style={{ width: 200 }}
-    showSearch={false}
     onChange={handleChange}
   >
     <OptGroup label="Manager">
diff --git a/components/select/index.tsx b/components/select/index.tsx
index 0aa30e3f4b..fd3fe869a1 100755
--- a/components/select/index.tsx
+++ b/components/select/index.tsx
@@ -92,7 +92,6 @@ export default class Select extends React.Component<SelectProps, any> {
       className = '',
       size,
       combobox,
-      showSearch,
     } = this.props;
 
     let { notFoundContent = 'Not Found', optionLabelProp } = this.props;
@@ -100,7 +99,6 @@ export default class Select extends React.Component<SelectProps, any> {
     const cls = classNames({
       [`${prefixCls}-lg`]: size === 'large',
       [`${prefixCls}-sm`]: size === 'small',
-      [`${prefixCls}-show-search`]: showSearch,
     }, className);
 
     const { antLocale } = this.context;

From c86d9f1abcf0c31f3f60a0e9cd1d7654796a8362 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 11:19:16 +0800
Subject: [PATCH 04/88] Make form control height follow large input height

---
 components/form/style/index.less | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/form/style/index.less b/components/form/style/index.less
index d4ea966a1e..a60f9a54f6 100644
--- a/components/form/style/index.less
+++ b/components/form/style/index.less
@@ -6,6 +6,7 @@
 @import "./mixin";
 
 @form-prefix-cls: ~"@{ant-prefix}-form";
+@form-component-height: @input-height-lg;
 
 .reset-form();
 
@@ -75,7 +76,7 @@ input[type="checkbox"] {
   }
 
   &-control {
-    line-height: 32px;
+    line-height: @form-component-height;
     position: relative;
     .clearfix;
   }
@@ -87,7 +88,7 @@ input[type="checkbox"] {
   &-label {
     text-align: right;
     vertical-align: middle;
-    padding: 7px 0;
+    line-height: @form-component-height;
     display: inline-block;
     overflow: hidden;
     text-overflow: ellipsis;

From 94ec19570eaa7c46799baaeb0b300e36799eb86d Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 11:47:22 +0800
Subject: [PATCH 05/88] Make InputNumber & RadioButton height style more
 flexible

---
 components/input-number/style/index.less | 58 +++++++-----------------
 components/radio/style/index.less        |  6 +--
 2 files changed, 19 insertions(+), 45 deletions(-)

diff --git a/components/input-number/style/index.less b/components/input-number/style/index.less
index 784cb637a1..4bef157bb6 100644
--- a/components/input-number/style/index.less
+++ b/components/input-number/style/index.less
@@ -72,8 +72,8 @@
     text-align: left;
     outline: 0;
     -moz-appearance: textfield;
-    line-height: 26px;
-    height: 26px;
+    line-height: @input-height-base - 2px;
+    height: @input-height-base - 2px;
     transition: all 0.3s linear;
     color: @text-color;
     border: 0;
@@ -87,48 +87,19 @@
 
   &-lg {
     padding: 0;
-    .@{input-number-prefix-cls}-handler {
-      height: 16px;
-    }
 
     input {
-      height: 30px;
-      line-height: 30px;
-    }
-
-    .@{input-number-prefix-cls}-handler-up-inner {
-      top: 2px;
-    }
-    .@{input-number-prefix-cls}-handler-down-inner {
-      bottom: 2px;
-    }
-    .@{input-number-prefix-cls}-handler-up:hover {
-      height: 18px;
+      height: @input-height-lg - 2px;
+      line-height: @input-height-lg - 2px;
     }
   }
 
   &-sm {
     padding: 0;
-    .@{input-number-prefix-cls}-handler {
-      height: 11px;
-    }
 
     input {
-      height: 20px;
-      line-height: 20px;
-    }
-
-    .@{input-number-prefix-cls}-handler-up-inner {
-      top: -1px;
-    }
-    .@{input-number-prefix-cls}-handler-down-inner {
-      bottom: -1px;
-    }
-    .@{input-number-prefix-cls}-handler-up:hover {
-      height: 13px;
-    }
-    .@{input-number-prefix-cls}-handler-down:hover .@{input-number-prefix-cls}-handler-down-inner {
-      bottom: 4px;
+      height: @input-height-sm - 2px;
+      line-height: @input-height-sm - 2px;
     }
   }
 
@@ -145,6 +116,10 @@
     transition: opacity 0.24s linear 0.1s;
   }
 
+  &-handler-wrap:hover &-handler {
+    height: 40%;
+  }
+
   &:hover &-handler-wrap {
     opacity: 1;
   }
@@ -152,17 +127,15 @@
   &-handler-up {
     cursor: pointer;
     &-inner {
-      top: 1px;
+      top: 50%;
+      margin-top: -6px;
       &:before {
         text-align: center;
         content: "\e61e";
       }
     }
     &:hover {
-      height: 16px;
-    }
-    &:hover &-inner {
-      margin-top: 2px;
+      height: 60%!important;
     }
   }
 
@@ -171,14 +144,15 @@
     top: -1px;
     cursor: pointer;
     &-inner {
+      top: 50%;
+      margin-top: -6px;
       &:before {
         text-align: center;
         content: "\e61d";
       }
     }
     &:hover {
-      height: 16px;
-      margin-top: -2px;
+      height: 60%!important;
     }
   }
 
diff --git a/components/radio/style/index.less b/components/radio/style/index.less
index 42284ba7d3..f835684786 100644
--- a/components/radio/style/index.less
+++ b/components/radio/style/index.less
@@ -115,7 +115,7 @@ span.@{radio-prefix-cls} + * {
 .@{radio-prefix-cls}-button-wrapper {
   margin: 0;
   height: @input-height-base;
-  line-height: 26px;
+  line-height: @input-height-base - 2;
   color: @btn-default-color;
   display: inline-block;
   transition: all 0.3s ease;
@@ -138,12 +138,12 @@ span.@{radio-prefix-cls} + * {
 
   .@{radio-group-prefix-cls}-large & {
     height: @input-height-lg;
-    line-height: 30px;
+    line-height: @input-height-lg - 2px;
   }
 
   .@{radio-group-prefix-cls}-small & {
     height: @input-height-sm;
-    line-height: 20px;
+    line-height: @input-height-sm - 2;
     padding: 0 12px;
     &:first-child {
       border-radius: @border-radius-sm 0 0 @border-radius-sm;

From 5327a49161a508aca65b521e048a76dfa697d35d Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 11:55:08 +0800
Subject: [PATCH 06/88] Fix Button[shape="circle"] loading style, close #4875

---
 .../__tests__/__snapshots__/demo.test.js.snap       | 13 +++++++++++++
 components/button/demo/loading.md                   |  3 +++
 components/button/style/index.less                  | 11 ++++++-----
 3 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/components/button/__tests__/__snapshots__/demo.test.js.snap b/components/button/__tests__/__snapshots__/demo.test.js.snap
index 83db5a2211..3017c3ff39 100644
--- a/components/button/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/button/__tests__/__snapshots__/demo.test.js.snap
@@ -351,6 +351,19 @@ exports[`test renders ./components/button/demo/loading.md correctly 1`] = `
       Click me!
     </span>
   </button>
+  <br />
+  <button
+    class="ant-btn ant-btn-circle ant-btn-loading"
+    type="button">
+    <i
+      class="anticon anticon-spin anticon-loading" />
+  </button>
+  <button
+    class="ant-btn ant-btn-primary ant-btn-circle ant-btn-loading"
+    type="button">
+    <i
+      class="anticon anticon-spin anticon-loading" />
+  </button>
 </div>
 `;
 
diff --git a/components/button/demo/loading.md b/components/button/demo/loading.md
index 1ecbb1cc96..543fac995f 100644
--- a/components/button/demo/loading.md
+++ b/components/button/demo/loading.md
@@ -45,6 +45,9 @@ const App = React.createClass({
         <Button type="primary" icon="poweroff" loading={this.state.iconLoading} onClick={this.enterIconLoading}>
           Click me!
         </Button>
+        <br />
+        <Button shape="circle" loading />
+        <Button type="primary" shape="circle" loading />
       </div>
     );
   },
diff --git a/components/button/style/index.less b/components/button/style/index.less
index d5bdf0d8ca..80e9913487 100644
--- a/components/button/style/index.less
+++ b/components/button/style/index.less
@@ -78,7 +78,11 @@
     display: none;
   }
 
-  &&-loading {
+  &&-loading:before {
+    display: block;
+  }
+
+  &&-loading:not(&-circle):not(&-circle-outline) {
     padding-left: 29px;
     pointer-events: none;
     position: relative;
@@ -86,12 +90,9 @@
       margin-left: -14px;
       transition: all .3s @ease-in-out;
     }
-    &:before {
-      display: block;
-    }
   }
 
-  &-sm&-loading {
+  &-sm&-loading:not(&-circle):not(&-circle-outline) {
     padding-left: 24px;
     .@{iconfont-css-prefix} {
       margin-left: -17px;

From 972c2cfa952c2c7072266386059112b428e02548 Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Wed, 15 Feb 2017 12:08:17 +0800
Subject: [PATCH 07/88] fix: empty table placehoder style (#4851)

* Remove redundant border

* Fix empty table placehoder style
---
 components/table/style/index.less | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/components/table/style/index.less b/components/table/style/index.less
index d794f8aa5b..6cbbcd06eb 100644
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@@ -333,10 +333,15 @@
           display: none;
         }
       }
+
+      .@{table-prefix-cls}-placeholder {
+        border: 0;
+      }
     }
   }
 
   &-placeholder {
+    position: relative;
     padding: 16px 8px;
     background: @component-background;
     border-bottom: @border-width-base @border-style-base @border-color-split;

From 658922e7966baaf7c320f6d0f08404a392388781 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 13:50:03 +0800
Subject: [PATCH 08/88] Update link

---
 README-zh_CN.md               | 2 +-
 docs/react/introduce.zh-CN.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/README-zh_CN.md b/README-zh_CN.md
index cfeb07ab40..6faf6981b0 100644
--- a/README-zh_CN.md
+++ b/README-zh_CN.md
@@ -81,7 +81,7 @@ tsconfig.json
 - [React 基础组件](http://react-component.github.io/)
 - [移动端组件](http://mobile.ant.design)
 - [动效](https://motion.ant.design)
-- [设计规范速查手册](https://os.alipayobjects.com/rmsportal/HTXUgPGkyyxEivE.png)
+- [设计规范速查手册](https://github.com/ant-design/ant-design/wiki/Ant-Design-%E8%AE%BE%E8%AE%A1%E5%9F%BA%E7%A1%80%E7%AE%80%E7%89%88)
 - [开发者说明](https://github.com/ant-design/ant-design/wiki/Development)
 - [版本发布规则](https://github.com/ant-design/ant-design/wiki/%E8%BD%AE%E5%80%BC%E8%A7%84%E5%88%99%E5%92%8C%E7%89%88%E6%9C%AC%E5%8F%91%E5%B8%83%E6%B5%81%E7%A8%8B)
 - [社区贡献脚手架和范例](https://github.com/ant-design/ant-design/issues/129)
diff --git a/docs/react/introduce.zh-CN.md b/docs/react/introduce.zh-CN.md
index 6f192f25fd..f61d6767d3 100644
--- a/docs/react/introduce.zh-CN.md
+++ b/docs/react/introduce.zh-CN.md
@@ -119,7 +119,7 @@ import 'antd/dist/antd.css';  // or 'antd/dist/antd.less'
 - [React 基础组件](http://react-component.github.io/)
 - [移动端组件](http://mobile.ant.design)
 - [动效](https://motion.ant.design)
-- [设计规范速查手册](https://os.alipayobjects.com/rmsportal/HTXUgPGkyyxEivE.png)
+- [设计规范速查手册](https://github.com/ant-design/ant-design/wiki/Ant-Design-%E8%AE%BE%E8%AE%A1%E5%9F%BA%E7%A1%80%E7%AE%80%E7%89%88)
 - [开发者说明](https://github.com/ant-design/ant-design/wiki/Development)
 - [版本发布规则](https://github.com/ant-design/ant-design/wiki/%E8%BD%AE%E5%80%BC%E8%A7%84%E5%88%99%E5%92%8C%E7%89%88%E6%9C%AC%E5%8F%91%E5%B8%83%E6%B5%81%E7%A8%8B)
 - [社区贡献脚手架和范例](https://github.com/ant-design/ant-design/issues/129)

From 588dd3033fa29a756462329d9f7ca63993d75198 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 14:39:55 +0800
Subject: [PATCH 09/88] docs: update for customizing validation

---
 components/form/demo/validate-static.md | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/form/demo/validate-static.md b/components/form/demo/validate-static.md
index e04c488b96..1ba1ab64aa 100644
--- a/components/form/demo/validate-static.md
+++ b/components/form/demo/validate-static.md
@@ -1,25 +1,25 @@
 ---
 order: 10
 title:
-  zh-CN: 校验提示
-  en-US: Validation message
+  zh-CN: 自定义校验
+  en-US: Customized Validation
 ---
 
 ## zh-CN
 
-我们为表单控件定义了三种校验状态，为 `<FormItem>` 定义 `validateStatus` 属性即可。
+我们提供了 `validateStatus` `help` `hasFeedback` 等属性，你可以不需要使用 `Form.create` 和 `getFieldDecorator`，自己定义校验的时机和内容。
 
-validateStatus: 'success', 'warning', 'error', 'validating'。
-
-另外为输入框添加反馈图标，设置 `<FormItem>` 的 `hasFeedback` 属性值为 `true` 即可。
+1. `validateStatus`: 校验状态，可选 'success', 'warning', 'error', 'validating'。
+2. `hasFeedback`：用于给输入框添加反馈图标。
+3. `help`：设置校验文案。
 
 ## en-US
 
-We provide three kinds of validation status for form. You can use it just define `validateStatus` property on `<FormItem>`.
+We provide properties like `validateStatus` `help` `hasFeedback` to customize your own validate status and message, without using `Form.create` and `getFieldDecorator`.
 
-validateStatus: 'success', 'warning', 'error', 'validating'。
-
-To set `hasFeedback` property to `true` enable to display feed icon of input control.
+1. `validateStatus`: validate status of form components which could be 'success', 'warning', 'error', 'validating'.
+2. `hasFeedback`: display feed icon of input control
+3. `help`: display validate message.
 
 ````jsx
 import { Form, Input, DatePicker, Col } from 'antd';

From 9fede4a5cd56cf324f3cb477dac7423fd31ce57a Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 15:55:35 +0800
Subject: [PATCH 10/88] site: adjust component select style

---
 site/theme/static/header.less | 1 -
 1 file changed, 1 deletion(-)

diff --git a/site/theme/static/header.less b/site/theme/static/header.less
index c4de45b45f..7d488a60a1 100644
--- a/site/theme/static/header.less
+++ b/site/theme/static/header.less
@@ -109,7 +109,6 @@
   .ant-component-decs {
     font-size: 12px;
     position: absolute;
-    top: 9px;
     color: #aaa;
     right: 16px;
   }

From 4cbcc05b02fd26d65447768ee132e9e06bc109f7 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 16:24:56 +0800
Subject: [PATCH 11/88] Fix openKeys is not working when mode is switched,
 close #4876

---
 components/menu/__tests__/index.test.js | 17 +++++++++++++++++
 components/menu/index.tsx               |  2 +-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/components/menu/__tests__/index.test.js b/components/menu/__tests__/index.test.js
index 88c0c52873..8d8e3229d5 100644
--- a/components/menu/__tests__/index.test.js
+++ b/components/menu/__tests__/index.test.js
@@ -98,4 +98,21 @@ describe('Menu', () => {
     wrapper.update();
     // just expect no error emit
   });
+
+  it('should always follow openKeys when mode is switched', () => {
+    const wrapper = mount(
+      <Menu openKeys={['1']} mode="inline">
+        <SubMenu key="1" title="submenu1">
+          <Menu.Item key="submenu1">Option 1</Menu.Item>
+          <Menu.Item key="submenu2">Option 2</Menu.Item>
+        </SubMenu>
+        <Menu.Item key="2">menu2</Menu.Item>
+      </Menu>
+    );
+    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
+    wrapper.setProps({ mode: 'vertical' });
+    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
+    wrapper.setProps({ mode: 'inline' });
+    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
+  });
 });
diff --git a/components/menu/index.tsx b/components/menu/index.tsx
index 2764642706..4d8a85faba 100644
--- a/components/menu/index.tsx
+++ b/components/menu/index.tsx
@@ -88,7 +88,7 @@ export default class Menu extends React.Component<MenuProps, any> {
       this.switchModeFromInline = true;
     }
     if ('openKeys' in nextProps) {
-      this.setOpenKeys(nextProps.openKeys);
+      this.setState({ openKeys: nextProps.openKeys });
     }
   }
   handleClick = (e) => {

From ec81fe4f1c996b0b192a58be34342887064e7c80 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 16:32:20 +0800
Subject: [PATCH 12/88] update MonthPicker demo

---
 components/date-picker/demo/basic.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/date-picker/demo/basic.md b/components/date-picker/demo/basic.md
index 90d4dc8680..f568f7ff7e 100644
--- a/components/date-picker/demo/basic.md
+++ b/components/date-picker/demo/basic.md
@@ -25,7 +25,7 @@ ReactDOM.render(
   <div>
     <DatePicker onChange={onChange} />
     <br />
-    <MonthPicker onChange={onChange} />
+    <MonthPicker onChange={onChange} placeholder="Select month" />
     <br />
     <RangePicker onChange={onChange} />
   </div>

From e801cd022eedee9356aea7eba3c316f2b7923464 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 16:40:26 +0800
Subject: [PATCH 13/88] fix snapshot

---
 .../date-picker/__tests__/__snapshots__/demo.test.js.snap       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
index 029ef74894..de0f789ca9 100644
--- a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -18,7 +18,7 @@ exports[`test renders ./components/date-picker/demo/basic.md correctly 1`] = `
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
-        placeholder="请选择日期"
+        placeholder="Select month"
         readonly=""
         value="" />
       <span

From 32e10784e1ff302b1e79bbcf291cf3099065f4cc Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 17:14:40 +0800
Subject: [PATCH 14/88] Fix submenu active style in controlled mode

---
 components/menu/style/index.less | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/components/menu/style/index.less b/components/menu/style/index.less
index 1e2165846f..b5bc9d8b9d 100644
--- a/components/menu/style/index.less
+++ b/components/menu/style/index.less
@@ -70,6 +70,7 @@
 
   &-item:hover,
   &-item-active,
+  &-submenu-open,
   &-submenu-active,
   &-submenu-title:hover {
     color: @primary-color;
@@ -247,6 +248,7 @@
 
       &:hover,
       &-active,
+      &-open,
       &-selected {
         border-bottom: 2px solid @primary-color;
         color: @primary-color;
@@ -373,6 +375,7 @@
   &-dark &-item:hover,
   &-dark &-item-active,
   &-dark &-submenu-active,
+  &-dark &-submenu-open,
   &-dark &-submenu-selected,
   &-dark &-submenu:hover,
   &-dark &-submenu-title:hover {

From d8403718f90d7b44ac5e9e4221701a4436853eb6 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 18:00:20 +0800
Subject: [PATCH 15/88] Add test case for #4876

---
 components/menu/__tests__/index.test.js | 20 ++++++++++++++++----
 components/menu/index.tsx               |  2 +-
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/components/menu/__tests__/index.test.js b/components/menu/__tests__/index.test.js
index 8d8e3229d5..6097682646 100644
--- a/components/menu/__tests__/index.test.js
+++ b/components/menu/__tests__/index.test.js
@@ -46,7 +46,7 @@ describe('Menu', () => {
 
   it('should accept openKeys in mode horizontal', () => {
     const wrapper = mount(
-      <Menu openKeys={['1']} mode="horizontal">
+      <Menu openKeys={['1']} mode="horizontal" openTransitionName="">
         <SubMenu key="1" title="submenu1">
           <Menu.Item key="submenu1">Option 1</Menu.Item>
           <Menu.Item key="submenu2">Option 2</Menu.Item>
@@ -55,11 +55,15 @@ describe('Menu', () => {
       </Menu>
     );
     expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
+    wrapper.setProps({ openKeys: [] });
+    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(true);
+    wrapper.setProps({ openKeys: ['1'] });
+    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
   });
 
-  it('should accept openKeys in mode inline', () => {
+  it.only('should accept openKeys in mode inline', () => {
     const wrapper = mount(
-      <Menu openKeys={['1']} mode="inline">
+      <Menu openKeys={['1']} mode="inline" openAnimation="">
         <SubMenu key="1" title="submenu1">
           <Menu.Item key="submenu1">Option 1</Menu.Item>
           <Menu.Item key="submenu2">Option 2</Menu.Item>
@@ -68,11 +72,15 @@ describe('Menu', () => {
       </Menu>
     );
     expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
+    wrapper.setProps({ openKeys: [] });
+    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(true);
+    wrapper.setProps({ openKeys: ['1'] });
+    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
   });
 
   it('should accept openKeys in mode vertical', () => {
     const wrapper = mount(
-      <Menu openKeys={['1']} mode="vertical">
+      <Menu openKeys={['1']} mode="vertical" openTransitionName="">
         <SubMenu key="1" title="submenu1">
           <Menu.Item key="submenu1">Option 1</Menu.Item>
           <Menu.Item key="submenu2">Option 2</Menu.Item>
@@ -81,6 +89,10 @@ describe('Menu', () => {
       </Menu>
     );
     expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
+    wrapper.setProps({ openKeys: [] });
+    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(true);
+    wrapper.setProps({ openKeys: ['1'] });
+    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
   });
 
   // https://github.com/ant-design/ant-design/pulls/4677
diff --git a/components/menu/index.tsx b/components/menu/index.tsx
index 4d8a85faba..67fed64c91 100644
--- a/components/menu/index.tsx
+++ b/components/menu/index.tsx
@@ -114,7 +114,7 @@ export default class Menu extends React.Component<MenuProps, any> {
   }
   render() {
     let openAnimation = this.props.openAnimation || this.props.openTransitionName;
-    if (!openAnimation) {
+    if (this.props.openAnimation === undefined && this.props.openTransitionName === undefined) {
       switch (this.props.mode) {
         case 'horizontal':
           openAnimation = 'slide-up';

From 5603fa00881f765010abeebb71bc4fbbb7988076 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 20:58:40 +0800
Subject: [PATCH 16/88] Fix upload error file style, close #4810

---
 components/upload/index.tsx        |  5 ++++-
 components/upload/interface.tsx    |  2 ++
 components/upload/style/index.less |  6 +++++-
 components/upload/style/index.tsx  |  1 +
 components/upload/uploadList.tsx   | 14 +++++++++++++-
 5 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/components/upload/index.tsx b/components/upload/index.tsx
index 0385cc3619..5564328093 100644
--- a/components/upload/index.tsx
+++ b/components/upload/index.tsx
@@ -185,7 +185,10 @@ export default class Upload extends React.Component<UploadProps, any> {
     targetItem.error = error;
     targetItem.response = response;
     targetItem.status = 'error';
-    this.handleRemove(targetItem);
+    this.onChange({
+      file: targetItem,
+      fileList,
+    });
   }
 
   handleRemove(file) {
diff --git a/components/upload/interface.tsx b/components/upload/interface.tsx
index b715065cb0..c9cc6a7297 100755
--- a/components/upload/interface.tsx
+++ b/components/upload/interface.tsx
@@ -16,6 +16,8 @@ export interface File {
   percent?: number;
   thumbUrl?: string;
   originFileObj?: File;
+  response?: string;
+  error?: any;
 }
 
 export interface UploadChangeParam {
diff --git a/components/upload/style/index.less b/components/upload/style/index.less
index 1e94a72c7c..3d9525b903 100644
--- a/components/upload/style/index.less
+++ b/components/upload/style/index.less
@@ -60,7 +60,7 @@
     position: relative;
 
     &.@{upload-prefix-cls}-drag-hover:not(.@{upload-prefix-cls}-disabled) {
-      border: 2px dashed@primary-5;
+      border: 2px dashed @primary-5;
     }
 
     &.@{upload-prefix-cls}-disabled {
@@ -158,6 +158,7 @@
 
     &-error .@{iconfont-css-prefix}-cross {
       opacity: 1;
+      color: @error-color!important;
     }
 
     &-progress {
@@ -182,6 +183,9 @@
       &:hover {
         background: transparent;
       }
+      &-error {
+        border-color: @error-color;
+      }
     }
 
     .@{upload-item}-info {
diff --git a/components/upload/style/index.tsx b/components/upload/style/index.tsx
index 61e3973fcb..b8fd70a86a 100644
--- a/components/upload/style/index.tsx
+++ b/components/upload/style/index.tsx
@@ -3,3 +3,4 @@ import './index.less';
 
 // style dependencies
 import '../../progress/style';
+import '../../tooltip/style';
diff --git a/components/upload/uploadList.tsx b/components/upload/uploadList.tsx
index 068793522f..20d207af21 100644
--- a/components/upload/uploadList.tsx
+++ b/components/upload/uploadList.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import Animate from 'rc-animate';
 import Icon from '../icon';
+import Tooltip from '../tooltip';
 import Progress from '../progress';
 import classNames from 'classnames';
 import { UploadListProps } from './interface';
@@ -147,7 +148,7 @@ export default class UploadList extends React.Component<UploadListProps, any> {
         ? <span className={`${prefixCls}-list-item-actions`}>{previewIcon}{removeIcon}</span>
         : removeIconCross;
 
-      return (
+      const item = (
         <div className={infoUploadingClass} key={file.uid}>
           <div className={`${prefixCls}-list-item-info`}>
             {icon}
@@ -157,6 +158,17 @@ export default class UploadList extends React.Component<UploadListProps, any> {
           {progress}
         </div>
       );
+
+      if (file.status === 'error') {
+        const message = file.response || (file.error && file.error.statusText) || 'Upload Error';
+        return (
+          <Tooltip title={message} key={file.uid}>
+            {item}
+          </Tooltip>
+        );
+      }
+
+      return item;
     });
     const listClassNames = classNames({
       [`${prefixCls}-list`]: true,

From 3ee7871a6e48d7e29f1e33a0d88ca16bfc123b1c Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 15 Feb 2017 21:01:16 +0800
Subject: [PATCH 17/88] update .eslintignore

---
 .eslintignore | 1 -
 1 file changed, 1 deletion(-)

diff --git a/.eslintignore b/.eslintignore
index 022f5d61ea..efe690abc8 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -3,4 +3,3 @@ components/**/*.jsx
 !.eslintrc.js
 !components/*/__tests__/*
 !components/*/demo/*
-!components/*/style/*

From 168c576d4a29369458b6ac567eac351457860acc Mon Sep 17 00:00:00 2001
From: Cordaro <elvis07@163.com>
Date: Wed, 15 Feb 2017 22:58:24 +0800
Subject: [PATCH 18/88] docs: fix getFieldDecorator param (#4896)

close #4894
---
 components/form/demo/validate-other.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/form/demo/validate-other.md b/components/form/demo/validate-other.md
index d976a126da..f900b03166 100644
--- a/components/form/demo/validate-other.md
+++ b/components/form/demo/validate-other.md
@@ -149,7 +149,7 @@ const Demo = Form.create()(React.createClass({
         >
           {getFieldDecorator('upload', {
             valuePropName: 'fileList',
-            normalize: this.normFile,
+            getValueFromEvent: this.normFile,
           })(
             <Upload name="logo" action="/upload.do" listType="picture" onChange={this.handleUpload}>
               <Button>

From 7471780ffe48041a2fbce98fceaae82b9d00fe3e Mon Sep 17 00:00:00 2001
From: HQidea <HQidea@users.noreply.github.com>
Date: Thu, 16 Feb 2017 10:00:00 +0800
Subject: [PATCH 19/88] fix: fix Radio children === 0 (#4882)

---
 components/radio/radio.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/radio/radio.tsx b/components/radio/radio.tsx
index 08a4620aaa..7973417786 100644
--- a/components/radio/radio.tsx
+++ b/components/radio/radio.tsx
@@ -49,7 +49,7 @@ export default class Radio extends React.Component<RadioProps, any> {
         onMouseLeave={this.props.onMouseLeave}
       >
         <RcRadio {...this.props} className={classString} style={null} children={null} />
-        {children ? <span>{children}</span> : null}
+        {children !== undefined ? <span>{children}</span> : null}
       </label>
     );
   }

From 2258f41f6bdcffcf43f7a993715826a0f92998d5 Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Thu, 16 Feb 2017 10:04:55 +0800
Subject: [PATCH 20/88] docs: add nested Table demo (#4887)

* Remove Table pagination demo

* Add nested table
---
 .../__tests__/__snapshots__/demo.test.js.snap | 375 ++++++------------
 components/table/demo/dynamic-settings.md     |   2 +-
 components/table/demo/nested-table.md         | 138 +++++++
 components/table/demo/paging.md               |  55 ---
 4 files changed, 268 insertions(+), 302 deletions(-)
 create mode 100644 components/table/demo/nested-table.md
 delete mode 100644 components/table/demo/paging.md

diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index 4df9bb4c1f..ada84dffac 100644
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -6555,9 +6555,9 @@ exports[`test renders ./components/table/demo/jsx.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/paging.md correctly 1`] = `
+exports[`test renders ./components/table/demo/nested-table.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="components-table-demo-nested clearfix">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -6574,6 +6574,12 @@ exports[`test renders ./components/table/demo/paging.md correctly 1`] = `
                 <table
                   class="">
                   <colgroup>
+                    <col
+                      class="ant-table-expand-icon-col" />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
                     <col />
                     <col />
                     <col />
@@ -6581,6 +6587,10 @@ exports[`test renders ./components/table/demo/paging.md correctly 1`] = `
                   <thead
                     class="ant-table-thead">
                     <tr>
+                      <th
+                        class="ant-table-expand-icon-th"
+                        rowspan="1"
+                        title="" />
                       <th
                         class="">
                         <span>
@@ -6590,13 +6600,37 @@ exports[`test renders ./components/table/demo/paging.md correctly 1`] = `
                       <th
                         class="">
                         <span>
-                          Age
+                          Platform
                         </span>
                       </th>
                       <th
                         class="">
                         <span>
-                          Address
+                          Version
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Upgraded
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Creator
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Date
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Action
                         </span>
                       </th>
                     </tr>
@@ -6606,212 +6640,119 @@ exports[`test renders ./components/table/demo/paging.md correctly 1`] = `
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
                       <td
-                        class="">
+                        class="ant-table-row-expand-icon-cell">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      </td>
+                      <td
+                        class="">
+                        Screem
+                      </td>
+                      <td
+                        class="">
+                        iOS
+                      </td>
+                      <td
+                        class="">
+                        10.3.4.5654
+                      </td>
+                      <td
+                        class="">
+                        500
+                      </td>
+                      <td
+                        class="">
+                        Jack
+                      </td>
+                      <td
+                        class="">
+                        2014-12-24 23:12:00
+                      </td>
+                      <td
+                        class="">
                         <a
                           href="#">
-                          Edward King 0
+                          Publish
                         </a>
                       </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 0
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
                       <td
-                        class="">
+                        class="ant-table-row-expand-icon-cell">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      </td>
+                      <td
+                        class="">
+                        Screem
+                      </td>
+                      <td
+                        class="">
+                        iOS
+                      </td>
+                      <td
+                        class="">
+                        10.3.4.5654
+                      </td>
+                      <td
+                        class="">
+                        500
+                      </td>
+                      <td
+                        class="">
+                        Jack
+                      </td>
+                      <td
+                        class="">
+                        2014-12-24 23:12:00
+                      </td>
+                      <td
+                        class="">
                         <a
                           href="#">
-                          Edward King 1
+                          Publish
                         </a>
                       </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 1
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
                       <td
-                        class="">
+                        class="ant-table-row-expand-icon-cell">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      </td>
+                      <td
+                        class="">
+                        Screem
+                      </td>
+                      <td
+                        class="">
+                        iOS
+                      </td>
+                      <td
+                        class="">
+                        10.3.4.5654
+                      </td>
+                      <td
+                        class="">
+                        500
+                      </td>
+                      <td
+                        class="">
+                        Jack
+                      </td>
+                      <td
+                        class="">
+                        2014-12-24 23:12:00
+                      </td>
+                      <td
+                        class="">
                         <a
                           href="#">
-                          Edward King 2
+                          Publish
                         </a>
                       </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 2
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Edward King 3
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 3
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Edward King 4
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 4
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Edward King 5
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 5
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Edward King 6
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 6
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Edward King 7
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 7
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Edward King 8
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 8
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Edward King 9
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 9
-                      </td>
                     </tr>
                   </tbody>
                 </table>
@@ -6836,68 +6777,10 @@ exports[`test renders ./components/table/demo/paging.md correctly 1`] = `
           </a>
         </li>
         <li
-          class="ant-pagination-item ant-pagination-item-2"
-          title="2">
-          <a>
-            2
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-3"
-          title="3">
-          <a>
-            3
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-4"
-          title="4">
-          <a>
-            4
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-5"
-          title="5">
-          <a>
-            5
-          </a>
-        </li>
-        <li
-          class=" ant-pagination-next"
+          class="ant-pagination-disabled ant-pagination-next"
           title="下一页">
           <a />
         </li>
-        <div
-          class="ant-pagination-options">
-          <div
-            class="ant-pagination-options-size-changer ant-select ant-select-enabled">
-            <div
-              aria-autocomplete="list"
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="ant-select-selection
-                        ant-select-selection--single"
-              role="combobox"
-              tabindex="0">
-              <div
-                class="ant-select-selection__rendered">
-                <div
-                  class="ant-select-selection-selected-value"
-                  style="display:block;opacity:1;"
-                  title="10 条/页">
-                  10 条/页
-                </div>
-              </div>
-              <span
-                class="ant-select-arrow"
-                style="user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable">
-                <b />
-              </span>
-            </div>
-          </div>
-        </div>
       </ul>
     </div>
   </div>
diff --git a/components/table/demo/dynamic-settings.md b/components/table/demo/dynamic-settings.md
index e2e2ac2d03..e479b6d853 100644
--- a/components/table/demo/dynamic-settings.md
+++ b/components/table/demo/dynamic-settings.md
@@ -1,5 +1,5 @@
 ---
-order: 24
+order: 25
 title:
   en-US: Dynamic Settings
   zh-CN: 动态控制表格属性
diff --git a/components/table/demo/nested-table.md b/components/table/demo/nested-table.md
new file mode 100644
index 0000000000..db39b73fc0
--- /dev/null
+++ b/components/table/demo/nested-table.md
@@ -0,0 +1,138 @@
+---
+order: 24
+title:
+  en-US: Nested tables
+  zh-CN: 嵌套子表格
+---
+
+## zh-CN
+
+展示每行数据更详细的信息。
+
+## en-US
+
+Showing more detailed info of every row.
+
+````jsx
+
+import { Table, Badge, Menu, Dropdown, Icon } from 'antd';
+
+const menu = (
+  <Menu>
+    <Menu.Item>
+      Action 1
+    </Menu.Item>
+    <Menu.Item>
+      Action 2
+    </Menu.Item>
+  </Menu>
+);
+
+function NestedTable() {
+  const expandedRowRender = () => {
+    const columns = [
+      { title: 'Date', dataIndex: 'date', key: 'date' },
+      { title: 'Name', dataIndex: 'name', key: 'name' },
+      { title: 'Status', key: 'state', render: () => <span><Badge status="success" />Finished</span> },
+      { title: 'Upgrade Status', dataIndex: 'upgradeNum', key: 'upgradeNum' },
+      {
+        title: 'Action',
+        dataIndex: 'operation',
+        key: 'operation',
+        render: () => (
+          <span className={'table-operation'}>
+            <a href="#">Pause</a>
+            <a href="#">Stop</a>
+            <Dropdown overlay={menu}>
+              <a href="#">
+                More <Icon type="down" />
+              </a>
+            </Dropdown>
+          </span>
+        ),
+      },
+    ];
+
+    const data = [];
+    for (let i = 0; i < 3; ++i) {
+      data.push({
+        key: i,
+        date: '2014-12-24 23:12:00',
+        name: 'This is production name',
+        upgradeNum: 'Upgraded: 56',
+      });
+    }
+    return (
+      <Table
+        columns={columns}
+        dataSource={data}
+        pagination={false}
+      />
+    );
+  };
+
+  const columns = [
+    { title: 'Name', dataIndex: 'name', key: 'name' },
+    { title: 'Platform', dataIndex: 'platform', key: 'platform' },
+    { title: 'Version', dataIndex: 'version', key: 'version' },
+    { title: 'Upgraded', dataIndex: 'upgradeNum', key: 'upgradeNum' },
+    { title: 'Creator', dataIndex: 'creator', key: 'creator' },
+    { title: 'Date', dataIndex: 'createdAt', key: 'createdAt' },
+    { title: 'Action', key: 'operation', render: () => <a href="#">Publish</a> },
+  ];
+
+  const data = [];
+  for (let i = 0; i < 3; ++i) {
+    data.push({
+      key: i,
+      name: 'Screem',
+      platform: 'iOS',
+      version: '10.3.4.5654',
+      upgradeNum: 500,
+      creator: 'Jack',
+      createdAt: '2014-12-24 23:12:00',
+    });
+  }
+
+  return (
+    <Table
+      className="components-table-demo-nested"
+      columns={columns}
+      expandedRowRender={expandedRowRender}
+      dataSource={data}
+    />
+  );
+}
+
+ReactDOM.render(<NestedTable />, mountNode);
+````
+
+````css
+.components-table-demo-nested .ant-table-expanded-row > td:last-child {
+  padding: 0 48px 0 8px;
+}
+
+.components-table-demo-nested .ant-table-expanded-row > td:last-child .ant-table-thead th {
+  border-bottom: 1px solid #e9e9e9;
+}
+
+.components-table-demo-nested .ant-table-expanded-row > td:last-child .ant-table-thead th:first-child {
+  padding-left: 0;
+}
+
+.components-table-demo-nested .ant-table-expanded-row > td:last-child .ant-table-row td:first-child {
+  padding-left: 0;
+}
+
+.components-table-demo-nested .ant-table-expanded-row .ant-table-row:last-child td {
+  border: none;
+}
+
+.components-table-demo-nested .ant-table-expanded-row .ant-table-thead > tr > th {
+  background: none;
+}
+
+.components-table-demo-nested .table-operation a:not(:last-child) {
+  margin-right: 24px;
+}
+````
diff --git a/components/table/demo/paging.md b/components/table/demo/paging.md
deleted file mode 100644
index 1d25d68df4..0000000000
--- a/components/table/demo/paging.md
+++ /dev/null
@@ -1,55 +0,0 @@
----
-order: 6
-title:
-  en-US: Pagination
-  zh-CN: 分页
----
-
-## zh-CN
-
-表格中的分页器可以通过一个配置对象来配置，当 `pagination={false}` 时，会隐藏分页器。
-
-## en-US
-
-The pagination in table could be configured with an object, and you can use `pagination={false}` to turn off pagination.
-
-````jsx
-import { Table } from 'antd';
-
-const columns = [{
-  title: 'Name',
-  dataIndex: 'name',
-  render: text => <a href="#">{text}</a>,
-}, {
-  title: 'Age',
-  dataIndex: 'age',
-}, {
-  title: 'Address',
-  dataIndex: 'address',
-}];
-
-const data = [];
-for (let i = 0; i < 46; i++) {
-  data.push({
-    key: i,
-    name: `Edward King ${i}`,
-    age: 32,
-    address: `London, Park Lane no. ${i}`,
-  });
-}
-
-const pagination = {
-  total: data.length,
-  showSizeChanger: true,
-  onShowSizeChange: (current, pageSize) => {
-    console.log('Current: ', current, '; PageSize: ', pageSize);
-  },
-  onChange: (current) => {
-    console.log('Current: ', current);
-  },
-};
-
-ReactDOM.render(
-  <Table columns={columns} dataSource={data} pagination={pagination} />
-, mountNode);
-````

From 0cb6645038b1d51e8f05a2b19e8af8f74bd59b75 Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Thu, 16 Feb 2017 10:18:41 +0800
Subject: [PATCH 21/88] site: Link to edit page directly (#4895)

---
 site/theme/template/Content/EditButton.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/theme/template/Content/EditButton.jsx b/site/theme/template/Content/EditButton.jsx
index 71fc3eae85..f7c398f392 100644
--- a/site/theme/template/Content/EditButton.jsx
+++ b/site/theme/template/Content/EditButton.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Tooltip, Icon } from 'antd';
 
-const branchUrl = 'https://github.com/ant-design/ant-design/blob/master/';
+const branchUrl = 'https://github.com/ant-design/ant-design/edit/master/';
 
 export default function EditButton({ title, filename }) {
   return (

From 8941990e74ad0b3d1de9c746fc1aba0fb5713f12 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 16 Feb 2017 12:00:00 +0800
Subject: [PATCH 22/88] revert 1490a40, ref #4637, close #4899

---
 components/table/style/index.less | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/table/style/index.less b/components/table/style/index.less
index 6cbbcd06eb..0877cf55e2 100644
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@@ -491,10 +491,8 @@
 
   &-fixed-header &-scroll &-header {
     overflow: scroll;
-    // Fix https://github.com/ant-design/ant-design/issues/4637
-    &::-webkit-scrollbar {
-      display: none;
-    }
+    padding-bottom: 20px;
+    margin-bottom: -20px;
   }
 
   /* fix firefox scrollbar bug */

From af622545975fcf5dc0603649897bafca42d038a2 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 16 Feb 2017 13:27:43 +0800
Subject: [PATCH 23/88] fix #4637 again

---
 components/table/style/index.less | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/components/table/style/index.less b/components/table/style/index.less
index 0877cf55e2..79591f0ef3 100644
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@@ -493,6 +493,11 @@
     overflow: scroll;
     padding-bottom: 20px;
     margin-bottom: -20px;
+
+    // Fix https://github.com/ant-design/ant-design/issues/4637
+    &::-webkit-scrollbar {
+      opacity: 0.001;
+    }
   }
 
   /* fix firefox scrollbar bug */

From f5d697988a9e130379f7506eafee85acca3c030b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Thu, 16 Feb 2017 14:03:05 +0800
Subject: [PATCH 24/88] fix: Tooltip should work with disabled button (#4865)

* Fix Tooltip won't hide at disabled button

close react-component/tooltip#18

* change button text in test case

* Add comments for display attribute

* correct test case
---
 components/button/__tests__/index.test.js    | 10 ++-
 components/button/button.tsx                 |  1 +
 components/tooltip/__tests__/tooltip.test.js | 64 ++++++++++++++++++++
 components/tooltip/index.tsx                 | 30 ++++++++-
 4 files changed, 103 insertions(+), 2 deletions(-)

diff --git a/components/button/__tests__/index.test.js b/components/button/__tests__/index.test.js
index 4aa96b2b0b..6217c57727 100644
--- a/components/button/__tests__/index.test.js
+++ b/components/button/__tests__/index.test.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { render } from 'enzyme';
+import { render, mount } from 'enzyme';
 import { renderToJson } from 'enzyme-to-json';
 import Button from '..';
 
@@ -17,4 +17,12 @@ describe('Button', () => {
     );
     expect(renderToJson(wrapper)).toMatchSnapshot();
   });
+
+  it('have static perperty for type detecting', () => {
+    const wrapper = mount(
+      <Button>Button Text</Button>
+    );
+    // eslint-disable-next-line
+    expect(wrapper.type().__ANT_BUTTON).toBe(true);
+  });
 });
diff --git a/components/button/button.tsx b/components/button/button.tsx
index af63c2a513..d47c8dc4df 100644
--- a/components/button/button.tsx
+++ b/components/button/button.tsx
@@ -46,6 +46,7 @@ export interface ButtonProps {
 
 export default class Button extends React.Component<ButtonProps, any> {
   static Group: any;
+  static __ANT_BUTTON = true;
 
   static defaultProps = {
     prefixCls: 'ant-btn',
diff --git a/components/tooltip/__tests__/tooltip.test.js b/components/tooltip/__tests__/tooltip.test.js
index ec76d63bcd..ba82df77ed 100644
--- a/components/tooltip/__tests__/tooltip.test.js
+++ b/components/tooltip/__tests__/tooltip.test.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { mount } from 'enzyme';
 import Tooltip from '..';
+import Button from '../../button';
 
 describe('Tooltip', () => {
   it('check `onVisibleChange` arguments', () => {
@@ -49,4 +50,67 @@ describe('Tooltip', () => {
     expect(onVisibleChange.mock.calls.length).toBe(lastCount); // no change with lastCount
     expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
   });
+
+  it('should hide when mouse leave native disabled button', () => {
+    const onVisibleChange = jest.fn();
+    const wrapper = mount(
+      <Tooltip
+        title="xxxxx"
+        mouseEnterDelay={0}
+        mouseLeaveDelay={0}
+        onVisibleChange={onVisibleChange}
+      >
+        <button disabled>Hello world!</button>
+      </Tooltip>
+    );
+
+    expect(wrapper.find('span')).toHaveLength(1);
+    const button = wrapper.find('span').at(0);
+    button.simulate('mouseenter');
+    expect(onVisibleChange).toBeCalledWith(true);
+    expect(wrapper.ref('tooltip').prop('visible')).toBe(true);
+
+    button.simulate('mouseleave');
+    expect(onVisibleChange).toBeCalledWith(false);
+    expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
+  });
+
+  it('should hide when mouse leave antd disabled Button', () => {
+    const onVisibleChange = jest.fn();
+    const wrapper = mount(
+      <Tooltip
+        title="xxxxx"
+        mouseEnterDelay={0}
+        mouseLeaveDelay={0}
+        onVisibleChange={onVisibleChange}
+      >
+        <Button disabled>Hello world!</Button>
+      </Tooltip>
+    );
+
+    expect(wrapper.getDOMNode().tagName).toBe('SPAN');
+    const button = wrapper.find('span').at(0);
+    button.simulate('mouseenter');
+    expect(onVisibleChange).toBeCalledWith(true);
+    expect(wrapper.ref('tooltip').prop('visible')).toBe(true);
+
+    button.simulate('mouseleave');
+    expect(onVisibleChange).toBeCalledWith(false);
+    expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
+  });
+
+  it('should render disabled Button style properly', () => {
+    const wrapper1 = mount(
+      <Tooltip title="xxxxx">
+        <Button disabled>Hello world!</Button>
+      </Tooltip>
+    );
+    const wrapper2 = mount(
+      <Tooltip title="xxxxx">
+        <Button disabled style={{ display: 'block' }}>Hello world!</Button>
+      </Tooltip>
+    );
+    expect(wrapper1.getDOMNode().style.display).toBe('inline-block');
+    expect(wrapper2.getDOMNode().style.display).toBe('block');
+  });
 });
diff --git a/components/tooltip/index.tsx b/components/tooltip/index.tsx
index 6d29b17a15..1c19f7f402 100644
--- a/components/tooltip/index.tsx
+++ b/components/tooltip/index.tsx
@@ -85,6 +85,32 @@ export default class Tooltip extends React.Component<TooltipProps, any> {
     });
   }
 
+  // Fix Tooltip won't hide at disabled button
+  // mouse events don't trigger at disabled button in Chrome
+  // https://github.com/react-component/tooltip/issues/18
+  getDisabledCompatibleChildren(element) {
+    if ((element.type.__ANT_BUTTON || element.type === 'button') && element.props.disabled) {
+      // reserve display style for <Button style={{ display: 'block '}}></Button>
+      // Note:
+      //   If people override ant-btn's style.display by css,
+      //   it will be affected cause we reset it to 'inline-block'
+      const displayStyle = (element.props.style && element.props.style.display)
+        ? element.props.style.display : 'inline-block';
+      const child = cloneElement(element, {
+        style: {
+          ...element.props.style,
+          pointerEvents: 'none',
+        },
+      });
+      return (
+        <span style={{ display: displayStyle, cursor: 'not-allowed' }}>
+          {child}
+        </span>
+      );
+    }
+    return element;
+  }
+
   isNoTitle() {
     const { title, overlay } = this.props;
     return !title && !overlay;  // overlay for old version compatibility
@@ -132,7 +158,9 @@ export default class Tooltip extends React.Component<TooltipProps, any> {
       visible = false;
     }
 
-    const child = React.isValidElement(children) ? children : <span>{children}</span>;
+    const child = this.getDisabledCompatibleChildren(
+      React.isValidElement(children) ? children : <span>{children}</span>
+    );
     const childProps = child.props;
     const childCls = classNames(childProps.className, {
       [openClassName || `${prefixCls}-open`]: true,

From 1c24600f8f9a6c0ca6d1314cbe734c02d8eeddbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=86=E7=A6=BB?= <surgesoft@gmail.com>
Date: Thu, 16 Feb 2017 15:35:22 +0800
Subject: [PATCH 25/88]  fix: tree DragOver Gap fix (#4867)

*  Tree DragOver Gap fix

 + close #4858

* rewrite
---
 components/tree/style/index.less | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/tree/style/index.less b/components/tree/style/index.less
index c7b2e81f6e..59110b7f76 100644
--- a/components/tree/style/index.less
+++ b/components/tree/style/index.less
@@ -11,7 +11,7 @@
   padding: 5px;
   font-size: @font-size-base;
   li {
-    padding: 3.5px 0;
+    padding: 1.5px 0;
     margin: 0;
     list-style: none;
     white-space: nowrap;
@@ -19,6 +19,8 @@
     a[draggable],
     a[draggable="true"] {
       user-select: none;
+      border-top: 2px transparent solid;
+      border-bottom: 2px transparent solid;
 
       /* Required to make elements draggable in old WebKit */
       -khtml-user-drag: element;
@@ -33,12 +35,12 @@
     }
     &.drag-over-gap-top {
       > a[draggable] {
-        border-top: 2px @primary-color solid;
+        border-top-color: @primary-color;
       }
     }
     &.drag-over-gap-bottom {
       > a[draggable] {
-        border-bottom: 2px @primary-color solid;
+        border-bottom-color: @primary-color;
       }
     }
     &.filter-node {

From 4c0af2ba1fcf6953f395e8acb4d4258ba89c9c57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Thu, 16 Feb 2017 15:36:34 +0800
Subject: [PATCH 26/88] refactor: reduce table nested level (#4869)

* reduce table nested level, #4868

* update table snapshot
---
 .../__tests__/__snapshots__/demo.test.js.snap |    84 +-
 components/table/Table.tsx                    |    24 +-
 .../__snapshots__/Table.filter.test.js.snap   |   146 +-
 .../Table.pagination.test.js.snap             |   156 +-
 .../__snapshots__/Table.test.js.snap          |   180 +-
 .../__tests__/__snapshots__/demo.test.js.snap | 14488 ++++++++--------
 6 files changed, 7464 insertions(+), 7614 deletions(-)

diff --git a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
index 1187ad545c..fc2cb83085 100644
--- a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
@@ -1146,56 +1146,50 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
     <div
       class="example">
       <div
-        class=" clearfix">
+        class="">
         <div
-          class="ant-spin-nested-loading">
+          class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left">
           <div
-            class="ant-spin-container">
+            class="ant-table-content">
             <div
-              class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left">
-              <div
-                class="ant-table-content">
+              class="">
+              <span>
                 <div
-                  class="">
-                  <span>
-                    <div
-                      class="ant-table-body">
-                      <table
-                        class="">
-                        <colgroup>
-                          <col />
-                          <col />
-                        </colgroup>
-                        <thead
-                          class="ant-table-thead">
-                          <tr>
-                            <th
-                              class="">
-                              <span>
-                                Name
-                                <i
-                                  class="anticon anticon-filter ant-dropdown-trigger"
-                                  title="Filter Menu" />
-                              </span>
-                            </th>
-                            <th
-                              class="">
-                              <span>
-                                Age
-                              </span>
-                            </th>
-                          </tr>
-                        </thead>
-                        <tbody
-                          class="ant-table-tbody" />
-                      </table>
-                    </div>
-                  </span>
-                  <div
-                    class="ant-table-placeholder">
-                    No Data
-                  </div>
+                  class="ant-table-body">
+                  <table
+                    class="">
+                    <colgroup>
+                      <col />
+                      <col />
+                    </colgroup>
+                    <thead
+                      class="ant-table-thead">
+                      <tr>
+                        <th
+                          class="">
+                          <span>
+                            Name
+                            <i
+                              class="anticon anticon-filter ant-dropdown-trigger"
+                              title="Filter Menu" />
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Age
+                          </span>
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody
+                      class="ant-table-tbody" />
+                  </table>
                 </div>
+              </span>
+              <div
+                class="ant-table-placeholder">
+                No Data
               </div>
             </div>
           </div>
diff --git a/components/table/Table.tsx b/components/table/Table.tsx
index 271ec58385..eb49ab8554 100755
--- a/components/table/Table.tsx
+++ b/components/table/Table.tsx
@@ -720,6 +720,7 @@ export default class Table<T> extends React.Component<TableProps<T>, any> {
     let total = pagination.total || this.getLocalData().length;
     return (total > 0) ?
       <Pagination
+        key="pagination"
         {...pagination}
         className={`${this.props.prefixCls}-pagination`}
         onChange={this.handlePageChange}
@@ -829,7 +830,7 @@ export default class Table<T> extends React.Component<TableProps<T>, any> {
   }
 
   render() {
-    const { style, className, prefixCls, showHeader, ...restProps } = this.props;
+    const { style, className, prefixCls, showHeader, loading, ...restProps } = this.props;
     const data = this.getCurrentPageData();
     let columns = this.renderRowSelection();
     const expandIconAsCell = this.props.expandedRowRender && this.props.expandIconAsCell !== false;
@@ -854,8 +855,9 @@ export default class Table<T> extends React.Component<TableProps<T>, any> {
       expandIconColumnIndex = restProps.expandIconColumnIndex as number;
     }
 
-    let table = (
+    const table = (
       <RcTable
+        key="table"
         {...restProps}
         prefixCls={prefixCls}
         data={data}
@@ -867,18 +869,22 @@ export default class Table<T> extends React.Component<TableProps<T>, any> {
         emptyText={() => locale.emptyText}
       />
     );
+
     // if there is no pagination or no data,
     // the height of spin should decrease by half of pagination
     const paginationPatchClass = (this.hasPagination() && data && data.length !== 0)
-            ? `${prefixCls}-with-pagination`
-            : `${prefixCls}-without-pagination`;
-    const spinClassName = this.props.loading ? `${paginationPatchClass} ${prefixCls}-spin-holder` : '';
-    return (
-      <div className={`${className} clearfix`} style={style}>
-        <Spin className={spinClassName} spinning={this.props.loading}>
+      ? `${prefixCls}-with-pagination` : `${prefixCls}-without-pagination`;
+
+    const tableWithSpin = loading ? (
+      <Spin className={loading ? `${paginationPatchClass} ${prefixCls}-spin-holder` : ''}>
         {table}
         {this.renderPagination()}
-        </Spin>
+      </Spin>
+    ) : [table, this.renderPagination()];
+
+    return (
+      <div className={className} style={style}>
+        {tableWithSpin}
       </div>
     );
   }
diff --git a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
index eaf63d0b45..36f540c5b9 100644
--- a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
@@ -14,87 +14,81 @@ exports[`Table.filter renders custom content correctly 1`] = `
 
 exports[`Table.filter renders filter correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                          <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jack
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Lucy
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Tom
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jerry
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选" />
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jack
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Lucy
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Tom
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jerry
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
     </div>
   </div>
diff --git a/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap b/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
index 6eabf0a940..b1d6a64b0e 100644
--- a/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
@@ -1,93 +1,87 @@
 exports[`Table.pagination renders pagination correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jack
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Lucy
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jack
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Lucy
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-2"
-          title="2">
-          <a>
-            2
-          </a>
-        </li>
-        <li
-          class=" ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-2"
+      title="2">
+      <a>
+        2
+      </a>
+    </li>
+    <li
+      class=" ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
diff --git a/components/table/__tests__/__snapshots__/Table.test.js.snap b/components/table/__tests__/__snapshots__/Table.test.js.snap
index bc12148e0d..3e637c0346 100644
--- a/components/table/__tests__/__snapshots__/Table.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.test.js.snap
@@ -1,103 +1,97 @@
 exports[`Table renders JSX correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class=""
-                        colspan="2">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="2">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                    </tr>
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          First Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Last Name
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John
-                      </td>
-                      <td
-                        class="">
-                        Brown
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim
-                      </td>
-                      <td
-                        class="">
-                        Green
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class=""
+                    colspan="2">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    rowspan="2">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                </tr>
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      First Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Last Name
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John
+                  </td>
+                  <td
+                    class="">
+                    Brown
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim
+                  </td>
+                  <td
+                    class="">
+                    Green
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
     </div>
   </div>
diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index ada84dffac..f06d3b70fd 100644
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -1,83 +1,77 @@
 exports[`test renders ./components/table/demo/ajax.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col
-                      style="width:20%;min-width:20%;" />
-                    <col
-                      style="width:20%;min-width:20%;" />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                          <div
-                            class="ant-table-column-sorter">
-                            <span
-                              class="ant-table-column-sorter-up off"
-                              title="↑">
-                              <i
-                                class="anticon anticon-caret-up" />
-                            </span>
-                            <span
-                              class="ant-table-column-sorter-down off"
-                              title="↓">
-                              <i
-                                class="anticon anticon-caret-down" />
-                            </span>
-                          </div>
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Gender
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col
+                  style="width:20%;min-width:20%;" />
+                <col
+                  style="width:20%;min-width:20%;" />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                      <div
+                        class="ant-table-column-sorter">
+                        <span
+                          class="ant-table-column-sorter-up off"
+                          title="↑">
                           <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
+                            class="anticon anticon-caret-up" />
                         </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Email
+                        <span
+                          class="ant-table-column-sorter-down off"
+                          title="↓">
+                          <i
+                            class="anticon anticon-caret-down" />
                         </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody" />
-                </table>
-              </div>
-            </span>
-            <div
-              class="ant-table-placeholder">
-              <span>
-                <i
-                  class="anticon anticon-frown-o" />
-                暂无数据
-              </span>
-            </div>
+                      </div>
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Gender
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选" />
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Email
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody" />
+            </table>
           </div>
+        </span>
+        <div
+          class="ant-table-placeholder">
+          <span>
+            <i
+              class="anticon anticon-frown-o" />
+            暂无数据
+          </span>
         </div>
       </div>
     </div>
@@ -87,749 +81,725 @@ exports[`test renders ./components/table/demo/ajax.md correctly 1`] = `
 
 exports[`test renders ./components/table/demo/basic.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          John Brown
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <span>
-                          <a
-                            href="#">
-                            Action 一 John Brown
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            class="ant-dropdown-link"
-                            href="#">
-                            More actions 
-                            <i
-                              class="anticon anticon-down" />
-                          </a>
-                        </span>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Jim Green
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <span>
-                          <a
-                            href="#">
-                            Action 一 Jim Green
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            class="ant-dropdown-link"
-                            href="#">
-                            More actions 
-                            <i
-                              class="anticon anticon-down" />
-                          </a>
-                        </span>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Joe Black
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <span>
-                          <a
-                            href="#">
-                            Action 一 Joe Black
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            class="ant-dropdown-link"
-                            href="#">
-                            More actions 
-                            <i
-                              class="anticon anticon-down" />
-                          </a>
-                        </span>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Action
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      John Brown
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <span>
+                      <a
+                        href="#">
+                        Action 一 John Brown
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        class="ant-dropdown-link"
+                        href="#">
+                        More actions 
+                        <i
+                          class="anticon anticon-down" />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Jim Green
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <span>
+                      <a
+                        href="#">
+                        Action 一 Jim Green
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        class="ant-dropdown-link"
+                        href="#">
+                        More actions 
+                        <i
+                          class="anticon anticon-down" />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Joe Black
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <span>
+                      <a
+                        href="#">
+                        Action 一 Joe Black
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        class="ant-dropdown-link"
+                        href="#">
+                        More actions 
+                        <i
+                          class="anticon anticon-down" />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-disabled ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/bordered.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-title">
+      Header
+    </div>
+    <div
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
-        <div
-          class="ant-table-title">
-          Header
-        </div>
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="column-money">
-                        <span>
-                          Cash Assets
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          John Brown
-                        </a>
-                      </td>
-                      <td
-                        class="column-money">
-                        ￥300,000.00
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Jim Green
-                        </a>
-                      </td>
-                      <td
-                        class="column-money">
-                        ￥1,256,000.00
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Joe Black
-                        </a>
-                      </td>
-                      <td
-                        class="column-money">
-                        ￥120,000.00
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
-            <div
-              class="ant-table-footer">
-              Footer
-            </div>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="column-money">
+                    <span>
+                      Cash Assets
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      John Brown
+                    </a>
+                  </td>
+                  <td
+                    class="column-money">
+                    ￥300,000.00
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Jim Green
+                    </a>
+                  </td>
+                  <td
+                    class="column-money">
+                    ￥1,256,000.00
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Joe Black
+                    </a>
+                  </td>
+                  <td
+                    class="column-money">
+                    ￥120,000.00
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
+        </span>
+        <div
+          class="ant-table-footer">
+          Footer
         </div>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-disabled ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/colspan-rowspan.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        colspan="2">
-                        <span>
-                          Home phone
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          John Brown
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        0571-22098909
-                      </td>
-                      <td
-                        class="">
-                        18889898989
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Jim Green
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        0571-22098333
-                      </td>
-                      <td
-                        class="">
-                        18889898888
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Joe Black
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class=""
-                        rowspan="2">
-                        0575-22098909
-                      </td>
-                      <td
-                        class="">
-                        18900010002
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Jim Red
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        18
-                      </td>
-                      <td
-                        class="">
-                        18900010002
-                      </td>
-                      <td
-                        class="">
-                        London No. 2 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class=""
-                        colspan="5">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Jake White
-                        </a>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    colspan="2">
+                    <span>
+                      Home phone
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      John Brown
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    0571-22098909
+                  </td>
+                  <td
+                    class="">
+                    18889898989
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Jim Green
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    0571-22098333
+                  </td>
+                  <td
+                    class="">
+                    18889898888
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Joe Black
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class=""
+                    rowspan="2">
+                    0575-22098909
+                  </td>
+                  <td
+                    class="">
+                    18900010002
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Jim Red
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    18
+                  </td>
+                  <td
+                    class="">
+                    18900010002
+                  </td>
+                  <td
+                    class="">
+                    London No. 2 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class=""
+                    colspan="5">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Jake White
+                    </a>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-disabled ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/custom-filter-panel.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                          <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim Green
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Joe Black
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim Red
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London No. 2 Lake Park
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选" />
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim Green
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Joe Black
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim Red
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London No. 2 Lake Park
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-disabled ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
@@ -1108,753 +1078,747 @@ exports[`test renders ./components/table/demo/dynamic-settings.md correctly 1`]
     </form>
   </div>
   <div
-    class=" clearfix">
+    class="">
     <div
-      class="ant-spin-nested-loading">
+      class="ant-table ant-table-default ant-table-scroll-position-left">
       <div
-        class="ant-spin-container">
+        class="ant-table-title">
+        Here is title
+      </div>
+      <div
+        class="ant-table-content">
         <div
-          class="ant-table ant-table-default ant-table-scroll-position-left">
-          <div
-            class="ant-table-title">
-            Here is title
-          </div>
-          <div
-            class="ant-table-content">
+          class="">
+          <span>
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col
-                        class="ant-table-expand-icon-col" />
-                      <col />
-                      <col
-                        style="width:150px;min-width:150px;" />
-                      <col
-                        style="width:70px;min-width:70px;" />
-                      <col />
-                      <col
-                        style="width:360px;min-width:360px;" />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="ant-table-expand-icon-th"
-                          rowspan="1"
-                          title="" />
-                        <th
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Name
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Address
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Action
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+              class="ant-table-body">
+              <table
+                class="">
+                <colgroup>
+                  <col
+                    class="ant-table-expand-icon-col" />
+                  <col />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:70px;min-width:70px;" />
+                  <col />
+                  <col
+                    style="width:360px;min-width:360px;" />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="ant-table-expand-icon-th"
+                      rowspan="1"
+                      title="" />
+                    <th
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          12
-                        </td>
-                        <td
-                          class="">
-                          New York No. 1 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Address
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Action
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          22
-                        </td>
-                        <td
-                          class="">
-                          New York No. 2 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      12
+                    </td>
+                    <td
+                      class="">
+                      New York No. 1 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          New York No. 3 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      22
+                    </td>
+                    <td
+                      class="">
+                      New York No. 2 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          42
-                        </td>
-                        <td
-                          class="">
-                          New York No. 4 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      New York No. 3 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          52
-                        </td>
-                        <td
-                          class="">
-                          New York No. 5 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      42
+                    </td>
+                    <td
+                      class="">
+                      New York No. 4 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          62
-                        </td>
-                        <td
-                          class="">
-                          New York No. 6 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      52
+                    </td>
+                    <td
+                      class="">
+                      New York No. 5 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          72
-                        </td>
-                        <td
-                          class="">
-                          New York No. 7 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      62
+                    </td>
+                    <td
+                      class="">
+                      New York No. 6 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          82
-                        </td>
-                        <td
-                          class="">
-                          New York No. 8 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      72
+                    </td>
+                    <td
+                      class="">
+                      New York No. 7 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          92
-                        </td>
-                        <td
-                          class="">
-                          New York No. 9 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      82
+                    </td>
+                    <td
+                      class="">
+                      New York No. 8 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          102
-                        </td>
-                        <td
-                          class="">
-                          New York No. 10 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </span>
-              <div
-                class="ant-table-footer">
-                Here is footer
-              </div>
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      92
+                    </td>
+                    <td
+                      class="">
+                      New York No. 9 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
+                          <span
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
+                          </span>
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      102
+                    </td>
+                    <td
+                      class="">
+                      New York No. 10 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
+          </span>
+          <div
+            class="ant-table-footer">
+            Here is footer
           </div>
         </div>
-        <ul
-          class="ant-pagination ant-table-pagination"
-          unselectable="unselectable">
-          <li
-            class="ant-pagination-disabled ant-pagination-prev"
-            title="上一页">
-            <a />
-          </li>
-          <li
-            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-            title="1">
-            <a>
-              1
-            </a>
-          </li>
-          <li
-            class="ant-pagination-disabled ant-pagination-next"
-            title="下一页">
-            <a />
-          </li>
-        </ul>
       </div>
     </div>
+    <ul
+      class="ant-pagination ant-table-pagination"
+      unselectable="unselectable">
+      <li
+        class="ant-pagination-disabled ant-pagination-prev"
+        title="上一页">
+        <a />
+      </li>
+      <li
+        class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+        title="1">
+        <a>
+          1
+        </a>
+      </li>
+      <li
+        class="ant-pagination-disabled ant-pagination-next"
+        title="下一页">
+        <a />
+      </li>
+    </ul>
   </div>
 </div>
 `;
@@ -1869,4921 +1833,4855 @@ exports[`test renders ./components/table/demo/edit-cell.md correctly 1`] = `
     </span>
   </button>
   <div
-    class=" clearfix">
+    class="">
     <div
-      class="ant-spin-nested-loading">
+      class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
       <div
-        class="ant-spin-container">
+        class="ant-table-content">
         <div
-          class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
-          <div
-            class="ant-table-content">
+          class="">
+          <span>
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col
-                        style="width:30%;min-width:30%;" />
-                      <col />
-                      <col />
-                      <col />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            name
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            age
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            address
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            operation
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          <div
-                            class="editable-cell">
-                            <div
-                              class="editable-cell-text-wrapper">
-                              Edward King 0
-                              <i
-                                class="anticon anticon-edit editable-cell-icon" />
-                            </div>
-                          </div>
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 0
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          <div
-                            class="editable-cell">
-                            <div
-                              class="editable-cell-text-wrapper">
-                              Edward King 1
-                              <i
-                                class="anticon anticon-edit editable-cell-icon" />
-                            </div>
-                          </div>
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 1
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </span>
+              class="ant-table-body">
+              <table
+                class="">
+                <colgroup>
+                  <col
+                    style="width:30%;min-width:30%;" />
+                  <col />
+                  <col />
+                  <col />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        age
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        address
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        operation
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      <div
+                        class="editable-cell">
+                        <div
+                          class="editable-cell-text-wrapper">
+                          Edward King 0
+                          <i
+                            class="anticon anticon-edit editable-cell-icon" />
+                        </div>
+                      </div>
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 0
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      <div
+                        class="editable-cell">
+                        <div
+                          class="editable-cell-text-wrapper">
+                          Edward King 1
+                          <i
+                            class="anticon anticon-edit editable-cell-icon" />
+                        </div>
+                      </div>
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 1
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
-          </div>
+          </span>
         </div>
-        <ul
-          class="ant-pagination ant-table-pagination"
-          unselectable="unselectable">
-          <li
-            class="ant-pagination-disabled ant-pagination-prev"
-            title="上一页">
-            <a />
-          </li>
-          <li
-            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-            title="1">
-            <a>
-              1
-            </a>
-          </li>
-          <li
-            class="ant-pagination-disabled ant-pagination-next"
-            title="下一页">
-            <a />
-          </li>
-        </ul>
       </div>
     </div>
+    <ul
+      class="ant-pagination ant-table-pagination"
+      unselectable="unselectable">
+      <li
+        class="ant-pagination-disabled ant-pagination-prev"
+        title="上一页">
+        <a />
+      </li>
+      <li
+        class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+        title="1">
+        <a>
+          1
+        </a>
+      </li>
+      <li
+        class="ant-pagination-disabled ant-pagination-next"
+        title="下一页">
+        <a />
+      </li>
+    </ul>
   </div>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/edit-row.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col
-                      style="width:25%;min-width:25%;" />
-                    <col
-                      style="width:15%;min-width:15%;" />
-                    <col
-                      style="width:40%;min-width:40%;" />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          address
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          operation
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <div>
-                          <div
-                            class="editable-row-text">
-                            Edward King 0
-                          </div>
-                        </div>
-                      </td>
-                      <td
-                        class="">
-                        <div>
-                          <div
-                            class="editable-row-text">
-                            32
-                          </div>
-                        </div>
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 0
-                      </td>
-                      <td
-                        class="">
-                        <div
-                          class="editable-row-operations">
-                          <span>
-                            <a>
-                              Edit
-                            </a>
-                          </span>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col
+                  style="width:25%;min-width:25%;" />
+                <col
+                  style="width:15%;min-width:15%;" />
+                <col
+                  style="width:40%;min-width:40%;" />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      address
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      operation
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <div>
+                      <div
+                        class="editable-row-text">
+                        Edward King 0
+                      </div>
+                    </div>
+                  </td>
+                  <td
+                    class="">
+                    <div>
+                      <div
+                        class="editable-row-text">
+                        32
+                      </div>
+                    </div>
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 0
+                  </td>
+                  <td
+                    class="">
+                    <div
+                      class="editable-row-operations">
+                      <span>
+                        <a>
+                          Edit
+                        </a>
+                      </span>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-disabled ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/expand.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col
-                      class="ant-table-expand-icon-col" />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="ant-table-expand-icon-th"
-                        rowspan="1"
-                        title="" />
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-row-expand-icon-cell">
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                      </td>
-                      <td
-                        class="">
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-row-expand-icon-cell">
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                      </td>
-                      <td
-                        class="">
-                        Jim Green
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-row-expand-icon-cell">
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                      </td>
-                      <td
-                        class="">
-                        Joe Black
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col
+                  class="ant-table-expand-icon-col" />
+                <col />
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="ant-table-expand-icon-th"
+                    rowspan="1"
+                    title="" />
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Action
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-row-expand-icon-cell">
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                  </td>
+                  <td
+                    class="">
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      Delete
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-row-expand-icon-cell">
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                  </td>
+                  <td
+                    class="">
+                    Jim Green
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      Delete
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-row-expand-icon-cell">
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                  </td>
+                  <td
+                    class="">
+                    Joe Black
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      Delete
+                    </a>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-disabled ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/expand-children.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col
-                      style="width:40%;min-width:40%;" />
-                    <col
-                      style="width:30%;min-width:30%;" />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col
+                  style="width:40%;min-width:40%;" />
+                <col
+                  style="width:30%;min-width:30%;" />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
+                        <span
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Name
+                      </label>
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
+                        <span
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    John Brown sr.
+                  </td>
+                  <td
+                    class="">
+                    60
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-1"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
+                        <span
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-1"
+                      style="padding-left:20px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    New York No. 2 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-1"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
+                        <span
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-1"
+                      style="padding-left:20px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    John Brown jr.
+                  </td>
+                  <td
+                    class="">
+                    30
+                  </td>
+                  <td
+                    class="">
+                    New York No. 3 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-2"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
+                        <span
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-2"
+                      style="padding-left:40px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                    Jimmy Brown
+                  </td>
+                  <td
+                    class="">
+                    16
+                  </td>
+                  <td
+                    class="">
+                    New York No. 3 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-1"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        John Brown sr.
-                      </td>
-                      <td
-                        class="">
-                        60
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-1"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-1"
+                      style="padding-left:20px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    Jim Green sr.
+                  </td>
+                  <td
+                    class="">
+                    72
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-2"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-1"
-                          style="padding-left:20px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-spaced" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        New York No. 2 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-1"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-2"
+                      style="padding-left:40px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    Jim Green
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 2 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-3"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-1"
-                          style="padding-left:20px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        John Brown jr.
-                      </td>
-                      <td
-                        class="">
-                        30
-                      </td>
-                      <td
-                        class="">
-                        New York No. 3 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-2"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-3"
+                      style="padding-left:60px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                    Jim Green jr.
+                  </td>
+                  <td
+                    class="">
+                    25
+                  </td>
+                  <td
+                    class="">
+                    London No. 3 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-3"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-2"
-                          style="padding-left:40px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-spaced" />
-                        Jimmy Brown
-                      </td>
-                      <td
-                        class="">
-                        16
-                      </td>
-                      <td
-                        class="">
-                        New York No. 3 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-1"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-3"
+                      style="padding-left:60px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                    Jimmy Green sr.
+                  </td>
+                  <td
+                    class="">
+                    18
+                  </td>
+                  <td
+                    class="">
+                    London No. 4 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-1"
-                          style="padding-left:20px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        Jim Green sr.
-                      </td>
-                      <td
-                        class="">
-                        72
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-2"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-2"
-                          style="padding-left:40px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        Jim Green
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 2 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-3"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
-                        </span>
-                      </td>
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-3"
-                          style="padding-left:60px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-spaced" />
-                        Jim Green jr.
-                      </td>
-                      <td
-                        class="">
-                        25
-                      </td>
-                      <td
-                        class="">
-                        London No. 3 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-3"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
-                        </span>
-                      </td>
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-3"
-                          style="padding-left:60px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-spaced" />
-                        Jimmy Green sr.
-                      </td>
-                      <td
-                        class="">
-                        18
-                      </td>
-                      <td
-                        class="">
-                        London No. 4 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
-                        </span>
-                      </td>
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-spaced" />
-                        Joe Black
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                    Joe Black
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-disabled ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="ant-table-fixed-left">
+        <span>
           <div
-            class="ant-table-fixed-left">
-            <span>
-              <div
-                class="ant-table-body-outer">
-                <div
-                  class="ant-table-body-inner">
-                  <table
-                    class="ant-table-fixed">
-                    <colgroup>
-                      <col
-                        style="width:100px;min-width:100px;" />
-                      <col
-                        style="width:100px;min-width:100px;" />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            Full Name
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Jim Green
-                        </td>
-                        <td
-                          class="">
-                          40
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </span>
+            class="ant-table-body-outer">
+            <div
+              class="ant-table-body-inner">
+              <table
+                class="ant-table-fixed">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Full Name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Jim Green
+                    </td>
+                    <td
+                      class="">
+                      40
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
           </div>
-          <div
-            class="ant-table-scroll">
-            <span>
-              <div
-                class="ant-table-body"
-                style="overflow-x:auto;">
-                <table
-                  class="ant-table-fixed"
-                  style="width:1300px;">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Full Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 1
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 2
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 3
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 4
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 5
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 6
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 7
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 8
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim Green
-                      </td>
-                      <td
-                        class="">
-                        40
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
-          </div>
-          <div
-            class="ant-table-fixed-right">
-            <span>
-              <div
-                class="ant-table-body-outer">
-                <div
-                  class="ant-table-body-inner">
-                  <table
-                    class="ant-table-fixed">
-                    <colgroup>
-                      <col
-                        style="width:100px;min-width:100px;" />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            Action
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </span>
-          </div>
-        </div>
+        </span>
+      </div>
+      <div
+        class="ant-table-scroll">
+        <span>
+          <div
+            class="ant-table-body"
+            style="overflow-x:auto;">
+            <table
+              class="ant-table-fixed"
+              style="width:1300px;">
+              <colgroup>
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+                <col
+                  style="width:100px;min-width:100px;" />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Full Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 1
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 2
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 3
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 4
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 5
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 6
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 7
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 8
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Action
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York Park
+                  </td>
+                  <td
+                    class="">
+                    New York Park
+                  </td>
+                  <td
+                    class="">
+                    New York Park
+                  </td>
+                  <td
+                    class="">
+                    New York Park
+                  </td>
+                  <td
+                    class="">
+                    New York Park
+                  </td>
+                  <td
+                    class="">
+                    New York Park
+                  </td>
+                  <td
+                    class="">
+                    New York Park
+                  </td>
+                  <td
+                    class="">
+                    New York Park
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      action
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim Green
+                  </td>
+                  <td
+                    class="">
+                    40
+                  </td>
+                  <td
+                    class="">
+                    London Park
+                  </td>
+                  <td
+                    class="">
+                    London Park
+                  </td>
+                  <td
+                    class="">
+                    London Park
+                  </td>
+                  <td
+                    class="">
+                    London Park
+                  </td>
+                  <td
+                    class="">
+                    London Park
+                  </td>
+                  <td
+                    class="">
+                    London Park
+                  </td>
+                  <td
+                    class="">
+                    London Park
+                  </td>
+                  <td
+                    class="">
+                    London Park
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      action
+                    </a>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </span>
+      </div>
+      <div
+        class="ant-table-fixed-right">
+        <span>
+          <div
+            class="ant-table-body-outer">
+            <div
+              class="ant-table-body-inner">
+              <table
+                class="ant-table-fixed">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Action
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-disabled ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/fixed-columns-header.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="ant-table-fixed-left">
+        <span>
           <div
-            class="ant-table-fixed-left">
-            <span>
-              <div
-                class="ant-table-header">
-                <table
-                  class="ant-table-fixed">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Full Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body-outer"
-                style="height:300px;">
-                <div
-                  class="ant-table-body-inner">
-                  <table
-                    class="ant-table-fixed">
-                    <colgroup>
-                      <col
-                        style="width:100px;min-width:100px;" />
-                      <col
-                        style="width:100px;min-width:100px;" />
-                    </colgroup>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 0
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 1
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 2
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 3
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 4
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 5
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 6
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 7
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 8
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 9
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </span>
+            class="ant-table-header">
+            <table
+              class="ant-table-fixed">
+              <colgroup>
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col
+                  style="width:100px;min-width:100px;" />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Full Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+            </table>
           </div>
           <div
-            class="ant-table-scroll">
-            <span>
-              <div
-                class="ant-table-header">
-                <table
-                  class="ant-table-fixed"
-                  style="width:1500px;">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Full Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 1
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 2
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 3
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 4
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 5
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 6
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 7
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 8
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body"
-                style="overflow-x:auto;max-height:300px;overflow-y:scroll;">
-                <table
-                  class="ant-table-fixed"
-                  style="width:1500px;">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                  </colgroup>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edrward 0
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edrward 1
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edrward 2
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edrward 3
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edrward 4
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edrward 5
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edrward 6
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edrward 7
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edrward 8
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edrward 9
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 9
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 9
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 9
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 9
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 9
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 9
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 9
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 9
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body-outer"
+            style="height:300px;">
+            <div
+              class="ant-table-body-inner">
+              <table
+                class="ant-table-fixed">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                </colgroup>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 0
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 1
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 2
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 3
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 4
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 5
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 6
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 7
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 8
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 9
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
           </div>
-          <div
-            class="ant-table-fixed-right">
-            <span>
-              <div
-                class="ant-table-header">
-                <table
-                  class="ant-table-fixed">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body-outer"
-                style="height:300px;">
-                <div
-                  class="ant-table-body-inner">
-                  <table
-                    class="ant-table-fixed">
-                    <colgroup>
-                      <col
-                        style="width:100px;min-width:100px;" />
-                    </colgroup>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </span>
-          </div>
-        </div>
+        </span>
+      </div>
+      <div
+        class="ant-table-scroll">
+        <span>
+          <div
+            class="ant-table-header">
+            <table
+              class="ant-table-fixed"
+              style="width:1500px;">
+              <colgroup>
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col />
+                <col
+                  style="width:100px;min-width:100px;" />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Full Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 1
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 2
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 3
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 4
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 5
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 6
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 7
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Column 8
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Action
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+            </table>
+          </div>
+          <div
+            class="ant-table-body"
+            style="overflow-x:auto;max-height:300px;overflow-y:scroll;">
+            <table
+              class="ant-table-fixed"
+              style="width:1500px;">
+              <colgroup>
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col />
+                <col
+                  style="width:100px;min-width:100px;" />
+              </colgroup>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edrward 0
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 0
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 0
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 0
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 0
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 0
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 0
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 0
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 0
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      action
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edrward 1
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 1
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 1
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 1
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 1
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 1
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 1
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 1
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 1
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      action
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edrward 2
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 2
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 2
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 2
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 2
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 2
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 2
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 2
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 2
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      action
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edrward 3
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 3
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 3
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 3
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 3
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 3
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 3
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 3
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 3
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      action
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edrward 4
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 4
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 4
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 4
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 4
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 4
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 4
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 4
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 4
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      action
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edrward 5
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 5
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 5
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 5
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 5
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 5
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 5
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 5
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 5
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      action
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edrward 6
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 6
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 6
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 6
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 6
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 6
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 6
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 6
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 6
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      action
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edrward 7
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 7
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 7
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 7
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 7
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 7
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 7
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 7
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 7
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      action
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edrward 8
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 8
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 8
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 8
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 8
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 8
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 8
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 8
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 8
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      action
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edrward 9
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 9
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 9
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 9
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 9
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 9
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 9
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 9
+                  </td>
+                  <td
+                    class="">
+                    London Park no. 9
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      action
+                    </a>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </span>
+      </div>
+      <div
+        class="ant-table-fixed-right">
+        <span>
+          <div
+            class="ant-table-header">
+            <table
+              class="ant-table-fixed">
+              <colgroup>
+                <col
+                  style="width:100px;min-width:100px;" />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Action
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+            </table>
+          </div>
+          <div
+            class="ant-table-body-outer"
+            style="height:300px;">
+            <div
+              class="ant-table-body-inner">
+              <table
+                class="ant-table-fixed">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                </colgroup>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-2"
-          title="2">
-          <a>
-            2
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-3"
-          title="3">
-          <a>
-            3
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-4"
-          title="4">
-          <a>
-            4
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
-          title="5">
-          <a>
-            5
-          </a>
-        </li>
-        <li
-          class="ant-pagination-jump-next"
-          title="向后 5 页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-10"
-          title="10">
-          <a>
-            10
-          </a>
-        </li>
-        <li
-          class=" ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-2"
+      title="2">
+      <a>
+        2
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-3"
+      title="3">
+      <a>
+        3
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-4"
+      title="4">
+      <a>
+        4
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
+      title="5">
+      <a>
+        5
+      </a>
+    </li>
+    <li
+      class="ant-pagination-jump-next"
+      title="向后 5 页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-10"
+      title="10">
+      <a>
+        10
+      </a>
+    </li>
+    <li
+      class=" ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/fixed-header.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="ant-table-scroll">
+        <span>
           <div
-            class="ant-table-scroll">
-            <span>
-              <div
-                class="ant-table-header">
-                <table
-                  class="">
-                  <colgroup>
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body"
-                style="max-height:240px;overflow-y:scroll;">
-                <table
-                  class="">
-                  <colgroup>
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col />
-                  </colgroup>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 0
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 0
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 1
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 1
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 2
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 2
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 3
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 3
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 4
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 4
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 5
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 5
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 6
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 6
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 7
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 7
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 8
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 8
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 9
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 9
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 10
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 10
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 11
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 11
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 12
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 12
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 13
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 13
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 14
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 14
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 15
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 15
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 16
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 16
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 17
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 17
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 18
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 18
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 19
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 19
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 20
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 20
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 21
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 21
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 22
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 22
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 23
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 23
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 24
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 24
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 25
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 25
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 26
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 26
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 27
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 27
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 28
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 28
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 29
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 29
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 30
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 30
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 31
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 31
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 32
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 32
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 33
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 33
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 34
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 34
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 35
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 35
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 36
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 36
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 37
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 37
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 38
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 38
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 39
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 39
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 40
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 40
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 41
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 41
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 42
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 42
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 43
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 43
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 44
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 44
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 45
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 45
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 46
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 46
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 47
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 47
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 48
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 48
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 49
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 49
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-header">
+            <table
+              class="">
+              <colgroup>
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+            </table>
           </div>
-        </div>
+          <div
+            class="ant-table-body"
+            style="max-height:240px;overflow-y:scroll;">
+            <table
+              class="">
+              <colgroup>
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col />
+              </colgroup>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 0
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 0
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 1
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 1
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 2
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 2
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 3
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 3
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 4
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 4
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 5
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 5
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 6
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 6
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 7
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 7
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 8
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 8
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 9
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 9
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 10
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 10
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 11
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 11
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 12
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 12
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 13
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 13
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 14
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 14
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 15
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 15
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 16
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 16
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 17
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 17
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 18
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 18
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 19
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 19
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 20
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 20
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 21
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 21
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 22
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 22
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 23
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 23
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 24
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 24
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 25
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 25
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 26
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 26
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 27
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 27
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 28
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 28
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 29
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 29
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 30
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 30
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 31
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 31
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 32
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 32
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 33
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 33
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 34
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 34
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 35
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 35
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 36
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 36
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 37
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 37
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 38
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 38
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 39
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 39
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 40
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 40
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 41
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 41
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 42
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 42
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 43
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 43
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 44
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 44
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 45
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 45
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 46
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 46
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 47
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 47
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 48
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 48
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 49
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 49
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-2"
-          title="2">
-          <a>
-            2
-          </a>
-        </li>
-        <li
-          class=" ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-2"
+      title="2">
+      <a>
+        2
+      </a>
+    </li>
+    <li
+      class=" ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-middle ant-table-bordered ant-table-fixed-header ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-middle ant-table-bordered ant-table-fixed-header ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="ant-table-fixed-left">
+        <span>
           <div
-            class="ant-table-fixed-left">
-            <span>
-              <div
-                class="ant-table-header">
-                <table
-                  class="ant-table-fixed">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class=""
-                        rowspan="4">
-                        <span>
-                          Name
-                          <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body-outer"
-                style="height:240px;">
-                <div
-                  class="ant-table-body-inner">
-                  <table
-                    class="ant-table-fixed">
-                    <colgroup>
-                      <col
-                        style="width:100px;min-width:100px;" />
-                    </colgroup>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </span>
+            class="ant-table-header">
+            <table
+              class="ant-table-fixed">
+              <colgroup>
+                <col
+                  style="width:100px;min-width:100px;" />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class=""
+                    rowspan="4">
+                    <span>
+                      Name
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选" />
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+            </table>
           </div>
           <div
-            class="ant-table-scroll">
-            <span>
-              <div
-                class="ant-table-header">
-                <table
-                  class="ant-table-fixed"
-                  style="width:1010px;">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:200px;min-width:200px;" />
-                    <col
-                      style="width:50px;min-width:50px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:200px;min-width:200px;" />
-                    <col
-                      style="width:200px;min-width:200px;" />
-                    <col
-                      style="width:60px;min-width:60px;" />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class=""
-                        rowspan="4">
-                        <span>
-                          Name
-                          <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        colspan="4">
-                        <span>
-                          Other
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        colspan="2">
-                        <span>
-                          Company
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="4">
-                        <span>
-                          Gender
-                        </span>
-                      </th>
-                    </tr>
-                    <tr>
-                      <th
-                        class=""
-                        rowspan="3">
-                        <span>
-                          Age
-                          <div
-                            class="ant-table-column-sorter">
-                            <span
-                              class="ant-table-column-sorter-up off"
-                              title="↑">
-                              <i
-                                class="anticon anticon-caret-up" />
-                            </span>
-                            <span
-                              class="ant-table-column-sorter-down off"
-                              title="↓">
-                              <i
-                                class="anticon anticon-caret-down" />
-                            </span>
-                          </div>
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        colspan="3">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="3">
-                        <span>
-                          Company Address
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="3">
-                        <span>
-                          Company Name
-                        </span>
-                      </th>
-                    </tr>
-                    <tr>
-                      <th
-                        class=""
-                        rowspan="2">
-                        <span>
-                          Street
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        colspan="2">
-                        <span>
-                          Block
-                        </span>
-                      </th>
-                    </tr>
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Building
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Door No.
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body"
-                style="overflow-x:auto;max-height:240px;overflow-y:scroll;">
-                <table
-                  class="ant-table-fixed"
-                  style="width:1010px;">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:200px;min-width:200px;" />
-                    <col
-                      style="width:50px;min-width:50px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:200px;min-width:200px;" />
-                    <col
-                      style="width:200px;min-width:200px;" />
-                    <col
-                      style="width:60px;min-width:60px;" />
-                  </colgroup>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        1
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        2
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        3
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        4
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        5
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        6
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        7
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        8
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        9
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        10
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body-outer"
+            style="height:240px;">
+            <div
+              class="ant-table-body-inner">
+              <table
+                class="ant-table-fixed">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                </colgroup>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
           </div>
-          <div
-            class="ant-table-fixed-right">
-            <span>
-              <div
-                class="ant-table-header">
-                <table
-                  class="ant-table-fixed">
-                  <colgroup>
-                    <col
-                      style="width:60px;min-width:60px;" />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class=""
-                        rowspan="4">
-                        <span>
-                          Gender
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body-outer"
-                style="height:240px;">
-                <div
-                  class="ant-table-body-inner">
-                  <table
-                    class="ant-table-fixed">
-                    <colgroup>
-                      <col
-                        style="width:60px;min-width:60px;" />
-                    </colgroup>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </span>
-          </div>
-        </div>
+        </span>
+      </div>
+      <div
+        class="ant-table-scroll">
+        <span>
+          <div
+            class="ant-table-header">
+            <table
+              class="ant-table-fixed"
+              style="width:1010px;">
+              <colgroup>
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col
+                  style="width:200px;min-width:200px;" />
+                <col
+                  style="width:50px;min-width:50px;" />
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col
+                  style="width:200px;min-width:200px;" />
+                <col
+                  style="width:200px;min-width:200px;" />
+                <col
+                  style="width:60px;min-width:60px;" />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class=""
+                    rowspan="4">
+                    <span>
+                      Name
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选" />
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    colspan="4">
+                    <span>
+                      Other
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    colspan="2">
+                    <span>
+                      Company
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    rowspan="4">
+                    <span>
+                      Gender
+                    </span>
+                  </th>
+                </tr>
+                <tr>
+                  <th
+                    class=""
+                    rowspan="3">
+                    <span>
+                      Age
+                      <div
+                        class="ant-table-column-sorter">
+                        <span
+                          class="ant-table-column-sorter-up off"
+                          title="↑">
+                          <i
+                            class="anticon anticon-caret-up" />
+                        </span>
+                        <span
+                          class="ant-table-column-sorter-down off"
+                          title="↓">
+                          <i
+                            class="anticon anticon-caret-down" />
+                        </span>
+                      </div>
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    colspan="3">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    rowspan="3">
+                    <span>
+                      Company Address
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    rowspan="3">
+                    <span>
+                      Company Name
+                    </span>
+                  </th>
+                </tr>
+                <tr>
+                  <th
+                    class=""
+                    rowspan="2">
+                    <span>
+                      Street
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    colspan="2">
+                    <span>
+                      Block
+                    </span>
+                  </th>
+                </tr>
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Building
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Door No.
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+            </table>
+          </div>
+          <div
+            class="ant-table-body"
+            style="overflow-x:auto;max-height:240px;overflow-y:scroll;">
+            <table
+              class="ant-table-fixed"
+              style="width:1010px;">
+              <colgroup>
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col
+                  style="width:200px;min-width:200px;" />
+                <col
+                  style="width:50px;min-width:50px;" />
+                <col
+                  style="width:100px;min-width:100px;" />
+                <col
+                  style="width:200px;min-width:200px;" />
+                <col
+                  style="width:200px;min-width:200px;" />
+                <col
+                  style="width:60px;min-width:60px;" />
+              </colgroup>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    1
+                  </td>
+                  <td
+                    class="">
+                    Lake Park
+                  </td>
+                  <td
+                    class="">
+                    C
+                  </td>
+                  <td
+                    class="">
+                    2035
+                  </td>
+                  <td
+                    class="">
+                    Lake Street 42
+                  </td>
+                  <td
+                    class="">
+                    SoftLake Co
+                  </td>
+                  <td
+                    class="">
+                    M
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    2
+                  </td>
+                  <td
+                    class="">
+                    Lake Park
+                  </td>
+                  <td
+                    class="">
+                    C
+                  </td>
+                  <td
+                    class="">
+                    2035
+                  </td>
+                  <td
+                    class="">
+                    Lake Street 42
+                  </td>
+                  <td
+                    class="">
+                    SoftLake Co
+                  </td>
+                  <td
+                    class="">
+                    M
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    3
+                  </td>
+                  <td
+                    class="">
+                    Lake Park
+                  </td>
+                  <td
+                    class="">
+                    C
+                  </td>
+                  <td
+                    class="">
+                    2035
+                  </td>
+                  <td
+                    class="">
+                    Lake Street 42
+                  </td>
+                  <td
+                    class="">
+                    SoftLake Co
+                  </td>
+                  <td
+                    class="">
+                    M
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    4
+                  </td>
+                  <td
+                    class="">
+                    Lake Park
+                  </td>
+                  <td
+                    class="">
+                    C
+                  </td>
+                  <td
+                    class="">
+                    2035
+                  </td>
+                  <td
+                    class="">
+                    Lake Street 42
+                  </td>
+                  <td
+                    class="">
+                    SoftLake Co
+                  </td>
+                  <td
+                    class="">
+                    M
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    5
+                  </td>
+                  <td
+                    class="">
+                    Lake Park
+                  </td>
+                  <td
+                    class="">
+                    C
+                  </td>
+                  <td
+                    class="">
+                    2035
+                  </td>
+                  <td
+                    class="">
+                    Lake Street 42
+                  </td>
+                  <td
+                    class="">
+                    SoftLake Co
+                  </td>
+                  <td
+                    class="">
+                    M
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    6
+                  </td>
+                  <td
+                    class="">
+                    Lake Park
+                  </td>
+                  <td
+                    class="">
+                    C
+                  </td>
+                  <td
+                    class="">
+                    2035
+                  </td>
+                  <td
+                    class="">
+                    Lake Street 42
+                  </td>
+                  <td
+                    class="">
+                    SoftLake Co
+                  </td>
+                  <td
+                    class="">
+                    M
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    7
+                  </td>
+                  <td
+                    class="">
+                    Lake Park
+                  </td>
+                  <td
+                    class="">
+                    C
+                  </td>
+                  <td
+                    class="">
+                    2035
+                  </td>
+                  <td
+                    class="">
+                    Lake Street 42
+                  </td>
+                  <td
+                    class="">
+                    SoftLake Co
+                  </td>
+                  <td
+                    class="">
+                    M
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    8
+                  </td>
+                  <td
+                    class="">
+                    Lake Park
+                  </td>
+                  <td
+                    class="">
+                    C
+                  </td>
+                  <td
+                    class="">
+                    2035
+                  </td>
+                  <td
+                    class="">
+                    Lake Street 42
+                  </td>
+                  <td
+                    class="">
+                    SoftLake Co
+                  </td>
+                  <td
+                    class="">
+                    M
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    9
+                  </td>
+                  <td
+                    class="">
+                    Lake Park
+                  </td>
+                  <td
+                    class="">
+                    C
+                  </td>
+                  <td
+                    class="">
+                    2035
+                  </td>
+                  <td
+                    class="">
+                    Lake Street 42
+                  </td>
+                  <td
+                    class="">
+                    SoftLake Co
+                  </td>
+                  <td
+                    class="">
+                    M
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    10
+                  </td>
+                  <td
+                    class="">
+                    Lake Park
+                  </td>
+                  <td
+                    class="">
+                    C
+                  </td>
+                  <td
+                    class="">
+                    2035
+                  </td>
+                  <td
+                    class="">
+                    Lake Street 42
+                  </td>
+                  <td
+                    class="">
+                    SoftLake Co
+                  </td>
+                  <td
+                    class="">
+                    M
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </span>
+      </div>
+      <div
+        class="ant-table-fixed-right">
+        <span>
+          <div
+            class="ant-table-header">
+            <table
+              class="ant-table-fixed">
+              <colgroup>
+                <col
+                  style="width:60px;min-width:60px;" />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class=""
+                    rowspan="4">
+                    <span>
+                      Gender
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+            </table>
+          </div>
+          <div
+            class="ant-table-body-outer"
+            style="height:240px;">
+            <div
+              class="ant-table-body-inner">
+              <table
+                class="ant-table-fixed">
+                <colgroup>
+                  <col
+                    style="width:60px;min-width:60px;" />
+                </colgroup>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination mini"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-2"
-          title="2">
-          <a>
-            2
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-3"
-          title="3">
-          <a>
-            3
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-4"
-          title="4">
-          <a>
-            4
-          </a>
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
-          title="5">
-          <a>
-            5
-          </a>
-        </li>
-        <li
-          class="ant-pagination-jump-next"
-          title="向后 5 页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-10"
-          title="10">
-          <a>
-            10
-          </a>
-        </li>
-        <li
-          class=" ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination mini"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-2"
+      title="2">
+      <a>
+        2
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-3"
+      title="3">
+      <a>
+        3
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-4"
+      title="4">
+      <a>
+        4
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
+      title="5">
+      <a>
+        5
+      </a>
+    </li>
+    <li
+      class="ant-pagination-jump-next"
+      title="向后 5 页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-10"
+      title="10">
+      <a>
+        10
+      </a>
+    </li>
+    <li
+      class=" ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/head.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                          <div
-                            class="ant-table-column-sorter">
-                            <span
-                              class="ant-table-column-sorter-up off"
-                              title="↑">
-                              <i
-                                class="anticon anticon-caret-up" />
-                            </span>
-                            <span
-                              class="ant-table-column-sorter-down off"
-                              title="↓">
-                              <i
-                                class="anticon anticon-caret-down" />
-                            </span>
-                          </div>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                      <div
+                        class="ant-table-column-sorter">
+                        <span
+                          class="ant-table-column-sorter-up off"
+                          title="↑">
                           <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
+                            class="anticon anticon-caret-up" />
                         </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                          <div
-                            class="ant-table-column-sorter">
-                            <span
-                              class="ant-table-column-sorter-up off"
-                              title="↑">
-                              <i
-                                class="anticon anticon-caret-up" />
-                            </span>
-                            <span
-                              class="ant-table-column-sorter-down off"
-                              title="↓">
-                              <i
-                                class="anticon anticon-caret-down" />
-                            </span>
-                          </div>
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                          <div
-                            class="ant-table-column-sorter">
-                            <span
-                              class="ant-table-column-sorter-up off"
-                              title="↑">
-                              <i
-                                class="anticon anticon-caret-up" />
-                            </span>
-                            <span
-                              class="ant-table-column-sorter-down off"
-                              title="↓">
-                              <i
-                                class="anticon anticon-caret-down" />
-                            </span>
-                          </div>
+                        <span
+                          class="ant-table-column-sorter-down off"
+                          title="↓">
                           <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
+                            class="anticon anticon-caret-down" />
                         </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
+                      </div>
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选" />
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                      <div
+                        class="ant-table-column-sorter">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
+                          class="ant-table-column-sorter-up off"
+                          title="↑">
+                          <i
+                            class="anticon anticon-caret-up" />
+                        </span>
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim Green
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
+                          class="ant-table-column-sorter-down off"
+                          title="↓">
+                          <i
+                            class="anticon anticon-caret-down" />
+                        </span>
+                      </div>
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                      <div
+                        class="ant-table-column-sorter">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Joe Black
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
+                          class="ant-table-column-sorter-up off"
+                          title="↑">
+                          <i
+                            class="anticon anticon-caret-up" />
+                        </span>
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim Red
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London No. 2 Lake Park
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+                          class="ant-table-column-sorter-down off"
+                          title="↓">
+                          <i
+                            class="anticon anticon-caret-down" />
+                        </span>
+                      </div>
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选" />
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim Green
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Joe Black
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim Red
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London No. 2 Lake Park
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-disabled ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/jsx.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class=""
-                        colspan="2">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="2">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="2">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="2">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          First Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Last Name
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John
-                      </td>
-                      <td
-                        class="">
-                        Brown
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <span>
-                          <a
-                            href="#">
-                            Action 一 
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            class="ant-dropdown-link"
-                            href="#">
-                            More actions 
-                            <i
-                              class="anticon anticon-down" />
-                          </a>
-                        </span>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim
-                      </td>
-                      <td
-                        class="">
-                        Green
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <span>
-                          <a
-                            href="#">
-                            Action 一 
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            class="ant-dropdown-link"
-                            href="#">
-                            More actions 
-                            <i
-                              class="anticon anticon-down" />
-                          </a>
-                        </span>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Joe
-                      </td>
-                      <td
-                        class="">
-                        Black
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <span>
-                          <a
-                            href="#">
-                            Action 一 
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            class="ant-dropdown-link"
-                            href="#">
-                            More actions 
-                            <i
-                              class="anticon anticon-down" />
-                          </a>
-                        </span>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class=""
+                    colspan="2">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    rowspan="2">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    rowspan="2">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    rowspan="2">
+                    <span>
+                      Action
+                    </span>
+                  </th>
+                </tr>
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      First Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Last Name
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John
+                  </td>
+                  <td
+                    class="">
+                    Brown
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <span>
+                      <a
+                        href="#">
+                        Action 一 
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        class="ant-dropdown-link"
+                        href="#">
+                        More actions 
+                        <i
+                          class="anticon anticon-down" />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim
+                  </td>
+                  <td
+                    class="">
+                    Green
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <span>
+                      <a
+                        href="#">
+                        Action 一 
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        class="ant-dropdown-link"
+                        href="#">
+                        More actions 
+                        <i
+                          class="anticon anticon-down" />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Joe
+                  </td>
+                  <td
+                    class="">
+                    Black
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <span>
+                      <a
+                        href="#">
+                        Action 一 
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        class="ant-dropdown-link"
+                        href="#">
+                        More actions 
+                        <i
+                          class="anticon anticon-down" />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-disabled ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/nested-table.md correctly 1`] = `
 <div
-  class="components-table-demo-nested clearfix">
+  class="components-table-demo-nested">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col
-                      class="ant-table-expand-icon-col" />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="ant-table-expand-icon-th"
-                        rowspan="1"
-                        title="" />
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Platform
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Version
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Upgraded
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Creator
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Date
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-row-expand-icon-cell">
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                      </td>
-                      <td
-                        class="">
-                        Screem
-                      </td>
-                      <td
-                        class="">
-                        iOS
-                      </td>
-                      <td
-                        class="">
-                        10.3.4.5654
-                      </td>
-                      <td
-                        class="">
-                        500
-                      </td>
-                      <td
-                        class="">
-                        Jack
-                      </td>
-                      <td
-                        class="">
-                        2014-12-24 23:12:00
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          Publish
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-row-expand-icon-cell">
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                      </td>
-                      <td
-                        class="">
-                        Screem
-                      </td>
-                      <td
-                        class="">
-                        iOS
-                      </td>
-                      <td
-                        class="">
-                        10.3.4.5654
-                      </td>
-                      <td
-                        class="">
-                        500
-                      </td>
-                      <td
-                        class="">
-                        Jack
-                      </td>
-                      <td
-                        class="">
-                        2014-12-24 23:12:00
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          Publish
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-row-expand-icon-cell">
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                      </td>
-                      <td
-                        class="">
-                        Screem
-                      </td>
-                      <td
-                        class="">
-                        iOS
-                      </td>
-                      <td
-                        class="">
-                        10.3.4.5654
-                      </td>
-                      <td
-                        class="">
-                        500
-                      </td>
-                      <td
-                        class="">
-                        Jack
-                      </td>
-                      <td
-                        class="">
-                        2014-12-24 23:12:00
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          Publish
-                        </a>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col
+                  class="ant-table-expand-icon-col" />
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="ant-table-expand-icon-th"
+                    rowspan="1"
+                    title="" />
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Platform
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Version
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Upgraded
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Creator
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Date
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Action
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-row-expand-icon-cell">
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                  </td>
+                  <td
+                    class="">
+                    Screem
+                  </td>
+                  <td
+                    class="">
+                    iOS
+                  </td>
+                  <td
+                    class="">
+                    10.3.4.5654
+                  </td>
+                  <td
+                    class="">
+                    500
+                  </td>
+                  <td
+                    class="">
+                    Jack
+                  </td>
+                  <td
+                    class="">
+                    2014-12-24 23:12:00
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      Publish
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-row-expand-icon-cell">
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                  </td>
+                  <td
+                    class="">
+                    Screem
+                  </td>
+                  <td
+                    class="">
+                    iOS
+                  </td>
+                  <td
+                    class="">
+                    10.3.4.5654
+                  </td>
+                  <td
+                    class="">
+                    500
+                  </td>
+                  <td
+                    class="">
+                    Jack
+                  </td>
+                  <td
+                    class="">
+                    2014-12-24 23:12:00
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      Publish
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-row-expand-icon-cell">
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                  </td>
+                  <td
+                    class="">
+                    Screem
+                  </td>
+                  <td
+                    class="">
+                    iOS
+                  </td>
+                  <td
+                    class="">
+                    10.3.4.5654
+                  </td>
+                  <td
+                    class="">
+                    500
+                  </td>
+                  <td
+                    class="">
+                    Jack
+                  </td>
+                  <td
+                    class="">
+                    2014-12-24 23:12:00
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      Publish
+                    </a>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-disabled ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
@@ -6814,453 +6712,441 @@ exports[`test renders ./components/table/demo/reset-filter.md correctly 1`] = `
     </button>
   </div>
   <div
-    class=" clearfix">
+    class="">
     <div
-      class="ant-spin-nested-loading">
+      class="ant-table ant-table-large ant-table-scroll-position-left">
       <div
-        class="ant-spin-container">
+        class="ant-table-content">
         <div
-          class="ant-table ant-table-large ant-table-scroll-position-left">
-          <div
-            class="ant-table-content">
+          class="">
+          <span>
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col />
-                      <col />
-                      <col />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            Name
-                            <div
-                              class="ant-table-column-sorter">
-                              <span
-                                class="ant-table-column-sorter-up off"
-                                title="↑">
-                                <i
-                                  class="anticon anticon-caret-up" />
-                              </span>
-                              <span
-                                class="ant-table-column-sorter-down off"
-                                title="↓">
-                                <i
-                                  class="anticon anticon-caret-down" />
-                              </span>
-                            </div>
+              class="ant-table-body">
+              <table
+                class="">
+                <colgroup>
+                  <col />
+                  <col />
+                  <col />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Name
+                        <div
+                          class="ant-table-column-sorter">
+                          <span
+                            class="ant-table-column-sorter-up off"
+                            title="↑">
                             <i
-                              class="anticon anticon-filter ant-dropdown-trigger"
-                              title="筛选" />
+                              class="anticon anticon-caret-up" />
                           </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                            <div
-                              class="ant-table-column-sorter">
-                              <span
-                                class="ant-table-column-sorter-up off"
-                                title="↑">
-                                <i
-                                  class="anticon anticon-caret-up" />
-                              </span>
-                              <span
-                                class="ant-table-column-sorter-down off"
-                                title="↓">
-                                <i
-                                  class="anticon anticon-caret-down" />
-                              </span>
-                            </div>
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Address
-                            <div
-                              class="ant-table-column-sorter">
-                              <span
-                                class="ant-table-column-sorter-up off"
-                                title="↑">
-                                <i
-                                  class="anticon anticon-caret-up" />
-                              </span>
-                              <span
-                                class="ant-table-column-sorter-down off"
-                                title="↓">
-                                <i
-                                  class="anticon anticon-caret-down" />
-                              </span>
-                            </div>
+                          <span
+                            class="ant-table-column-sorter-down off"
+                            title="↓">
                             <i
-                              class="anticon anticon-filter ant-dropdown-trigger"
-                              title="筛选" />
+                              class="anticon anticon-caret-down" />
                           </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
+                        </div>
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选" />
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                        <div
+                          class="ant-table-column-sorter">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          New York No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
+                            class="ant-table-column-sorter-up off"
+                            title="↑">
+                            <i
+                              class="anticon anticon-caret-up" />
+                          </span>
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Jim Green
-                        </td>
-                        <td
-                          class="">
-                          42
-                        </td>
-                        <td
-                          class="">
-                          London No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
+                            class="ant-table-column-sorter-down off"
+                            title="↓">
+                            <i
+                              class="anticon anticon-caret-down" />
+                          </span>
+                        </div>
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Address
+                        <div
+                          class="ant-table-column-sorter">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Joe Black
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          Sidney No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
+                            class="ant-table-column-sorter-up off"
+                            title="↑">
+                            <i
+                              class="anticon anticon-caret-up" />
+                          </span>
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Jim Red
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London No. 2 Lake Park
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </span>
+                            class="ant-table-column-sorter-down off"
+                            title="↓">
+                            <i
+                              class="anticon anticon-caret-down" />
+                          </span>
+                        </div>
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选" />
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      New York No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Jim Green
+                    </td>
+                    <td
+                      class="">
+                      42
+                    </td>
+                    <td
+                      class="">
+                      London No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Joe Black
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      Sidney No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Jim Red
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London No. 2 Lake Park
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
-          </div>
+          </span>
         </div>
-        <ul
-          class="ant-pagination ant-table-pagination"
-          unselectable="unselectable">
-          <li
-            class="ant-pagination-disabled ant-pagination-prev"
-            title="上一页">
-            <a />
-          </li>
-          <li
-            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-            title="1">
-            <a>
-              1
-            </a>
-          </li>
-          <li
-            class="ant-pagination-disabled ant-pagination-next"
-            title="下一页">
-            <a />
-          </li>
-        </ul>
       </div>
     </div>
+    <ul
+      class="ant-pagination ant-table-pagination"
+      unselectable="unselectable">
+      <li
+        class="ant-pagination-disabled ant-pagination-prev"
+        title="上一页">
+        <a />
+      </li>
+      <li
+        class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+        title="1">
+        <a>
+          1
+        </a>
+      </li>
+      <li
+        class="ant-pagination-disabled ant-pagination-next"
+        title="下一页">
+        <a />
+      </li>
+    </ul>
   </div>
 </div>
 `;
 
 exports[`test renders ./components/table/demo/row-selection.md correctly 1`] = `
 <div
-  class=" clearfix">
+  class="">
   <div
-    class="ant-spin-nested-loading">
+    class="ant-table ant-table-large ant-table-scroll-position-left">
     <div
-      class="ant-spin-container">
+      class="ant-table-content">
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
-        <div
-          class="ant-table-content">
+        class="">
+        <span>
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
-                        </span>
-                      </td>
-                      <td
-                        class="">
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          John Brown
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Jim Green
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      John Brown
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Joe Black
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox ant-checkbox-disabled">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                disabled=""
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Jim Green
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Disabled User
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        99
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
+                        </span>
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Joe Black
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
+                        <span
+                          class="ant-checkbox ant-checkbox-disabled">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            disabled=""
+                            type="checkbox" />
+                        </span>
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Disabled User
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    99
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-        </div>
+        </span>
       </div>
-      <ul
-        class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
-        <li
-          class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
-          <a />
-        </li>
-        <li
-          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
-          <a>
-            1
-          </a>
-        </li>
-        <li
-          class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
-          <a />
-        </li>
-      </ul>
     </div>
   </div>
+  <ul
+    class="ant-pagination ant-table-pagination"
+    unselectable="unselectable">
+    <li
+      class="ant-pagination-disabled ant-pagination-prev"
+      title="上一页">
+      <a />
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+      title="1">
+      <a>
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-disabled ant-pagination-next"
+      title="下一页">
+      <a />
+    </li>
+  </ul>
 </div>
 `;
 
@@ -7280,467 +7166,461 @@ exports[`test renders ./components/table/demo/row-selection-and-operation.md cor
       style="margin-left:8px;" />
   </div>
   <div
-    class=" clearfix">
+    class="">
     <div
-      class="ant-spin-nested-loading">
+      class="ant-table ant-table-large ant-table-scroll-position-left">
       <div
-        class="ant-spin-container">
+        class="ant-table-content">
         <div
-          class="ant-table ant-table-large ant-table-scroll-position-left">
-          <div
-            class="ant-table-content">
+          class="">
+          <span>
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col />
-                      <col />
-                      <col />
-                      <col />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Name
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Address
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
+              class="ant-table-body">
+              <table
+                class="">
+                <colgroup>
+                  <col />
+                  <col />
+                  <col />
+                  <col />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 0
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 0
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Address
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 1
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 1
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 0
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 0
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 2
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 2
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 1
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 1
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 3
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 3
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 2
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 2
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 4
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 4
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 3
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 3
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 5
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 5
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 4
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 4
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 6
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 6
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 5
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 5
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 7
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 7
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 6
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 6
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 8
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 8
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 7
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 7
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 9
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 9
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </span>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
+                          </span>
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 8
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 8
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
+                          <span
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
+                          </span>
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 9
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 9
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
-          </div>
+          </span>
         </div>
-        <ul
-          class="ant-pagination ant-table-pagination"
-          unselectable="unselectable">
-          <li
-            class="ant-pagination-disabled ant-pagination-prev"
-            title="上一页">
-            <a />
-          </li>
-          <li
-            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-            title="1">
-            <a>
-              1
-            </a>
-          </li>
-          <li
-            class="ant-pagination-item ant-pagination-item-2"
-            title="2">
-            <a>
-              2
-            </a>
-          </li>
-          <li
-            class="ant-pagination-item ant-pagination-item-3"
-            title="3">
-            <a>
-              3
-            </a>
-          </li>
-          <li
-            class="ant-pagination-item ant-pagination-item-4"
-            title="4">
-            <a>
-              4
-            </a>
-          </li>
-          <li
-            class="ant-pagination-item ant-pagination-item-5"
-            title="5">
-            <a>
-              5
-            </a>
-          </li>
-          <li
-            class=" ant-pagination-next"
-            title="下一页">
-            <a />
-          </li>
-        </ul>
       </div>
     </div>
+    <ul
+      class="ant-pagination ant-table-pagination"
+      unselectable="unselectable">
+      <li
+        class="ant-pagination-disabled ant-pagination-prev"
+        title="上一页">
+        <a />
+      </li>
+      <li
+        class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+        title="1">
+        <a>
+          1
+        </a>
+      </li>
+      <li
+        class="ant-pagination-item ant-pagination-item-2"
+        title="2">
+        <a>
+          2
+        </a>
+      </li>
+      <li
+        class="ant-pagination-item ant-pagination-item-3"
+        title="3">
+        <a>
+          3
+        </a>
+      </li>
+      <li
+        class="ant-pagination-item ant-pagination-item-4"
+        title="4">
+        <a>
+          4
+        </a>
+      </li>
+      <li
+        class="ant-pagination-item ant-pagination-item-5"
+        title="5">
+        <a>
+          5
+        </a>
+      </li>
+      <li
+        class=" ant-pagination-next"
+        title="下一页">
+        <a />
+      </li>
+    </ul>
   </div>
 </div>
 `;
@@ -7751,271 +7631,259 @@ exports[`test renders ./components/table/demo/size.md correctly 1`] = `
     Middle size table
   </h4>
   <div
-    class=" clearfix">
+    class="">
     <div
-      class="ant-spin-nested-loading">
+      class="ant-table ant-table-middle ant-table-scroll-position-left">
       <div
-        class="ant-spin-container">
+        class="ant-table-content">
         <div
-          class="ant-table ant-table-middle ant-table-scroll-position-left">
-          <div
-            class="ant-table-content">
+          class="">
+          <span>
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col />
-                      <col />
-                      <col />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            Name
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Address
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          New York No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Jim Green
-                        </td>
-                        <td
-                          class="">
-                          42
-                        </td>
-                        <td
-                          class="">
-                          London No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Joe Black
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          Sidney No. 1 Lake Park
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </span>
+              class="ant-table-body">
+              <table
+                class="">
+                <colgroup>
+                  <col />
+                  <col />
+                  <col />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Address
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      New York No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Jim Green
+                    </td>
+                    <td
+                      class="">
+                      42
+                    </td>
+                    <td
+                      class="">
+                      London No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Joe Black
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      Sidney No. 1 Lake Park
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
-          </div>
+          </span>
         </div>
-        <ul
-          class="ant-pagination ant-table-pagination mini"
-          unselectable="unselectable">
-          <li
-            class="ant-pagination-disabled ant-pagination-prev"
-            title="上一页">
-            <a />
-          </li>
-          <li
-            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-            title="1">
-            <a>
-              1
-            </a>
-          </li>
-          <li
-            class="ant-pagination-disabled ant-pagination-next"
-            title="下一页">
-            <a />
-          </li>
-        </ul>
       </div>
     </div>
+    <ul
+      class="ant-pagination ant-table-pagination mini"
+      unselectable="unselectable">
+      <li
+        class="ant-pagination-disabled ant-pagination-prev"
+        title="上一页">
+        <a />
+      </li>
+      <li
+        class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+        title="1">
+        <a>
+          1
+        </a>
+      </li>
+      <li
+        class="ant-pagination-disabled ant-pagination-next"
+        title="下一页">
+        <a />
+      </li>
+    </ul>
   </div>
   <h4>
     Small size table
   </h4>
   <div
-    class=" clearfix">
+    class="">
     <div
-      class="ant-spin-nested-loading">
+      class="ant-table ant-table-small ant-table-scroll-position-left">
       <div
-        class="ant-spin-container">
+        class="ant-table-content">
         <div
-          class="ant-table ant-table-small ant-table-scroll-position-left">
-          <div
-            class="ant-table-content">
+          class="">
+          <span>
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col />
-                      <col />
-                      <col />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            Name
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Address
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          New York No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Jim Green
-                        </td>
-                        <td
-                          class="">
-                          42
-                        </td>
-                        <td
-                          class="">
-                          London No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Joe Black
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          Sidney No. 1 Lake Park
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </span>
+              class="ant-table-body">
+              <table
+                class="">
+                <colgroup>
+                  <col />
+                  <col />
+                  <col />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Address
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      New York No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Jim Green
+                    </td>
+                    <td
+                      class="">
+                      42
+                    </td>
+                    <td
+                      class="">
+                      London No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Joe Black
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      Sidney No. 1 Lake Park
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
-          </div>
+          </span>
         </div>
-        <ul
-          class="ant-pagination ant-table-pagination mini"
-          unselectable="unselectable">
-          <li
-            class="ant-pagination-disabled ant-pagination-prev"
-            title="上一页">
-            <a />
-          </li>
-          <li
-            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-            title="1">
-            <a>
-              1
-            </a>
-          </li>
-          <li
-            class="ant-pagination-disabled ant-pagination-next"
-            title="下一页">
-            <a />
-          </li>
-        </ul>
       </div>
     </div>
+    <ul
+      class="ant-pagination ant-table-pagination mini"
+      unselectable="unselectable">
+      <li
+        class="ant-pagination-disabled ant-pagination-prev"
+        title="上一页">
+        <a />
+      </li>
+      <li
+        class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+        title="1">
+        <a>
+          1
+        </a>
+      </li>
+      <li
+        class="ant-pagination-disabled ant-pagination-next"
+        title="下一页">
+        <a />
+      </li>
+    </ul>
   </div>
 </div>
 `;

From 144393c48a0a4a11434657c468bb26e0197454e3 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 16 Feb 2017 15:00:22 +0800
Subject: [PATCH 27/88] demo: update menu sider demo

---
 components/menu/demo/sider.md     | 18 ++++++------------
 components/style/core/motion.less |  2 +-
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/components/menu/demo/sider.md b/components/menu/demo/sider.md
index 963d8fe0c8..403e6b3a1a 100755
--- a/components/menu/demo/sider.md
+++ b/components/menu/demo/sider.md
@@ -19,31 +19,24 @@ const SubMenu = Menu.SubMenu;
 const MenuItemGroup = Menu.ItemGroup;
 
 const Sider = React.createClass({
-  getInitialState() {
-    return {
-      current: '1',
-    };
-  },
   handleClick(e) {
     console.log('click ', e);
-    this.setState({
-      current: e.key,
-    });
   },
   render() {
     return (
-      <Menu onClick={this.handleClick}
+      <Menu
+        onClick={this.handleClick}
         style={{ width: 240 }}
+        defaultSelectedKeys={['1']}
         defaultOpenKeys={['sub1']}
-        selectedKeys={[this.state.current]}
         mode="inline"
       >
         <SubMenu key="sub1" title={<span><Icon type="mail" /><span>Navigation One</span></span>}>
-          <MenuItemGroup title="Item 1">
+          <MenuItemGroup key="g1" title="Item 1">
             <Menu.Item key="1">Option 1</Menu.Item>
             <Menu.Item key="2">Option 2</Menu.Item>
           </MenuItemGroup>
-          <MenuItemGroup title="Item 2">
+          <MenuItemGroup key="g2" title="Item 2">
             <Menu.Item key="3">Option 3</Menu.Item>
             <Menu.Item key="4">Option 4</Menu.Item>
           </MenuItemGroup>
@@ -66,5 +59,6 @@ const Sider = React.createClass({
     );
   },
 });
+
 ReactDOM.render(<Sider />, mountNode);
 ````
diff --git a/components/style/core/motion.less b/components/style/core/motion.less
index 121692ef00..eebf4914d2 100644
--- a/components/style/core/motion.less
+++ b/components/style/core/motion.less
@@ -10,6 +10,6 @@
 .ant-motion-collapse {
   overflow: hidden;
   &-active {
-    transition: height .2s @ease-out;
+    transition: height .2s ease-out;
   }
 }

From d22ce9cd507d9217d126843e214c8a68607042b6 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 16 Feb 2017 15:35:52 +0800
Subject: [PATCH 28/88] Improve menu and collapse style details

---
 components/collapse/style/index.less | 22 +++++++++++++---------
 components/menu/style/index.less     |  5 +++++
 components/style/core/motion.less    |  2 +-
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/components/collapse/style/index.less b/components/collapse/style/index.less
index 7330baddaa..636cb238cd 100644
--- a/components/collapse/style/index.less
+++ b/components/collapse/style/index.less
@@ -4,15 +4,15 @@
 @collapse-prefix-cls: ~"@{ant-prefix}-collapse";
 
 .collapse-close() {
-  .iconfont-size-under-12px(7px, 270deg);
+  .iconfont-size-under-12px(9px, 0);
 }
 .collapse-open() {
-  .iconfont-size-under-12px(7px, 360deg);
+  .iconfont-size-under-12px(9px, 90deg);
 }
 
 .@{collapse-prefix-cls} {
   background-color: @background-color-base;
-  border-radius: 3px;
+  border-radius: @border-radius-base;
   border: @border-width-base @border-style-base @border-color-base;
   border-bottom: 0;
 
@@ -25,18 +25,22 @@
       color: @text-color;
       cursor: pointer;
       position: relative;
+      transition: all .3s;
+
+      &:active {
+        background-color: #eee!important;
+      }
 
       .arrow {
         .collapse-close();
         .iconfont-mixin();
         position: absolute;
-        color: @text-color;
+        color: @text-color-secondary;
         display: inline-block;
-        margin-right: 8px;
+        font-weight: bold;
         line-height: 40px;
-        content: "\e606";
         vertical-align: middle;
-        transition: transform 0.24s ease;
+        transition: transform 0.24s;
         top: 0;
         left: 16px;
         /* stylelint-disable declaration-block-no-duplicate-properties */
@@ -44,7 +48,7 @@
         left: ~"0 \9";
         /* stylelint-enable declaration-block-no-duplicate-properties */
         &:before {
-          content: "\e606";
+          content: "\E61F";
         }
       }
     }
@@ -72,7 +76,7 @@
 
   &-item:last-child {
     > .@{collapse-prefix-cls}-content {
-      border-radius: 0 0 3px 3px;
+      border-radius: 0 0 @border-radius-base @border-radius-base;
     }
   }
 
diff --git a/components/menu/style/index.less b/components/menu/style/index.less
index b5bc9d8b9d..4b73443aab 100644
--- a/components/menu/style/index.less
+++ b/components/menu/style/index.less
@@ -38,6 +38,11 @@
     transition: all 0.3s ease;
   }
 
+  &-item:active,
+  &-submenu-title:active {
+    background: @primary-1;
+  }
+
   &-submenu &-sub {
     cursor: initial;
   }
diff --git a/components/style/core/motion.less b/components/style/core/motion.less
index eebf4914d2..ac4887271d 100644
--- a/components/style/core/motion.less
+++ b/components/style/core/motion.less
@@ -10,6 +10,6 @@
 .ant-motion-collapse {
   overflow: hidden;
   &-active {
-    transition: height .2s ease-out;
+    transition: height .24s ease-in;
   }
 }

From d1678711a71462c099ff5a7f0ccbdb8f15d147e4 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 16 Feb 2017 16:25:42 +0800
Subject: [PATCH 29/88] docs: update footer

---
 site/theme/en-US.js                   |  7 ++++-
 site/theme/static/footer.less         |  2 +-
 site/theme/template/Layout/Footer.jsx | 40 ++++++++++++++++++++-------
 site/theme/zh-CN.js                   |  9 ++++--
 4 files changed, 44 insertions(+), 14 deletions(-)

diff --git a/site/theme/en-US.js b/site/theme/en-US.js
index 6c38e2f73e..37c8907a83 100644
--- a/site/theme/en-US.js
+++ b/site/theme/en-US.js
@@ -27,6 +27,8 @@ module.exports = {
     'app.home.sub-slogan': 'A Little Happiness in Hand',
     'app.home.vision': 'This is a design language dedicated to improve the user and design experience.',
     'app.footer.repo': 'Repository',
+    'app.footer.awesome': 'Awesome Ant Design',
+    'app.footer.customize-theme': 'Customize Theme',
     'app.footer.scaffold': 'Scaffold',
     'app.footer.dev-tools': 'Developer Tools',
     'app.footer.dva': 'Framework',
@@ -35,10 +37,13 @@ module.exports = {
     'app.footer.data-vis': 'Data Visualization',
     'app.footer.motion': 'Motion Soluction',
     'app.footer.antd-library': 'Axure library',
-    'app.footer.material': 'Sitemap Template',
+    'app.footer.antux': 'Sitemap Template',
     'app.footer.community': 'Community',
     'app.footer.change-log': 'Change Log',
+    'app.footer.faq': 'FAQ',
     'app.footer.feedback': 'Feedback',
+    'app.footer.stackoverflow': 'StackOverflow',
+    'app.footer.segmentfault': 'SegmentFault',
     'app.footer.discuss': 'Chat Room',
     'app.footer.bug-report': 'Bug Report',
     'app.footer.version': 'Version: ',
diff --git a/site/theme/static/footer.less b/site/theme/static/footer.less
index c5bdcc082a..93dcc7c3bf 100644
--- a/site/theme/static/footer.less
+++ b/site/theme/static/footer.less
@@ -31,7 +31,7 @@ footer ul li > h2 {
     left: -22px;
     top: 3px;
     color: #aaa;
-  }
+  }  
 }
 
 footer ul li > div {
diff --git a/site/theme/template/Layout/Footer.jsx b/site/theme/template/Layout/Footer.jsx
index 2569112b57..f467ee2e1f 100644
--- a/site/theme/template/Layout/Footer.jsx
+++ b/site/theme/template/Layout/Footer.jsx
@@ -68,14 +68,14 @@ class Footer extends React.Component {
               </a>
             </div>
             <div>
-              <a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva">dva</a> - <FormattedMessage id="app.footer.dva" />
+              <a target="_blank " href="https://ant.design/docs/react/customize-theme">
+                <FormattedMessage id="app.footer.customize-theme" />
+              </a>
             </div>
             <div>
-              <a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli">dva-cli</a> -
-              <FormattedMessage id="app.footer.scaffold" />
-            </div>
-            <div>
-              <a target="_blank" rel="noopener noreferrer" href="http://ant-tool.github.io">ant-tool</a> - <FormattedMessage id="app.footer.dev-tools" />
+              <a target="_blank " href="https://github.com/websemantics/awesome-ant-design">
+                <FormattedMessage id="app.footer.awesome" />
+              </a>
             </div>
           </li>
           <li>
@@ -85,6 +85,13 @@ class Footer extends React.Component {
               <span> - </span>
               <FormattedMessage id="app.footer.mobile" />
             </div>
+            <div>
+              <a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva">dva</a> - <FormattedMessage id="app.footer.dva" />
+            </div>
+            <div>
+              <a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli">dva-cli</a> -
+              <FormattedMessage id="app.footer.dev-tools" />
+            </div>
             <div>
               <a href="https://antv.alipay.com/">AntV</a>
               <span> - </span>
@@ -103,7 +110,7 @@ class Footer extends React.Component {
             <div>
               <a href="http://ux.ant.design">Ant UX</a>
               <span> - </span>
-              <FormattedMessage id="app.footer.material" />
+              <FormattedMessage id="app.footer.antux" />
             </div>
           </li>
           <li>
@@ -114,8 +121,8 @@ class Footer extends React.Component {
               </a>
             </div>
             <div>
-              <a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues">
-                <FormattedMessage id="app.footer.feedback" />
+              <a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ">
+                <FormattedMessage id="app.footer.faq" />
               </a>
             </div>
             <div>
@@ -128,9 +135,22 @@ class Footer extends React.Component {
                 <FormattedMessage id="app.footer.bug-report" />
               </a>
             </div>
+            <div>
+              <a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd">
+                <FormattedMessage id="app.footer.stackoverflow" />
+              </a>
+            </div>
+            <div>
+              <a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd">
+                <FormattedMessage id="app.footer.segmentfault" />
+              </a>
+            </div>
           </li>
           <li>
-            <div>©2016 <FormattedMessage id="app.footer.author" /></div>
+            <h2>Copyright © 2017</h2>
+            <div>
+              <FormattedMessage id="app.footer.author" />
+            </div>
             <div>Built with <a href="https://github.com/benjycui/bisheng">BiSheng</a></div>
           </li>
         </ul>
diff --git a/site/theme/zh-CN.js b/site/theme/zh-CN.js
index f2583d5b34..37ba57b623 100644
--- a/site/theme/zh-CN.js
+++ b/site/theme/zh-CN.js
@@ -27,6 +27,8 @@ module.exports = {
     'app.home.sub-slogan': '微小·确定·幸福',
     'app.home.vision': '这是一套致力于提升『用户』和『设计者』使用体验的中后台设计语言。',
     'app.footer.repo': '仓库',
+    'app.footer.awesome': 'Awesome Ant Design',
+    'app.footer.customize-theme': '定制主题',
     'app.footer.scaffold': '脚手架',
     'app.footer.dev-tools': '开发工具',
     'app.footer.dva': '应用框架',
@@ -35,11 +37,14 @@ module.exports = {
     'app.footer.data-vis': '数据可视化',
     'app.footer.motion': '设计动效',
     'app.footer.antd-library': 'Axure 部件库',
-    'app.footer.material': '页面逻辑素材',
+    'app.footer.antux': '页面逻辑素材',
     'app.footer.community': '社区',
     'app.footer.change-log': '更新记录',
+    'app.footer.faq': '常见问题',
     'app.footer.feedback': '反馈和建议',
-    'app.footer.discuss': '讨论',
+    'app.footer.stackoverflow': 'StackOverflow',
+    'app.footer.segmentfault': 'SegmentFault',
+    'app.footer.discuss': '在线讨论',
     'app.footer.bug-report': '报告 Bug',
     'app.footer.version': '文档版本：',
     'app.footer.author': '蚂蚁金服体验技术部出品',

From 6002a3351e13fca7112314a6e369e4d446827dd3 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 16 Feb 2017 16:26:53 +0800
Subject: [PATCH 30/88] update docs

---
 docs/practice/cases.en-US.md | 12 ++++++------
 docs/practice/cases.zh-CN.md |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/practice/cases.en-US.md b/docs/practice/cases.en-US.md
index 8105ab979c..3a51c973ea 100644
--- a/docs/practice/cases.en-US.md
+++ b/docs/practice/cases.en-US.md
@@ -5,11 +5,11 @@ title: Cases
 
 Ant Design is a design language for enterprise-like complex UIs.
 
-Starting in April 2015, more and more products of Ant Financial follow Ant Design specification, covering multiple business lines and more than 40 systems.
+Starting in April 2015, more and more products of Ant Financial follow Ant Design specification, covering multiple business lines and more than 300 applications.
 Designed for enterprise-like complex UIs, used by both professional and non-professional designers,
 Ant Design has a low learning curve that helps you getting started fast and achieve rapid results.
- 
-With a strong focus on proof-based design and user experience, 
+
+With a strong focus on proof-based design and user experience,
 Ant Design provides a complete front-end development solution that can greatly enhance the design and development efficiency.
 
 Currently, there are many products and sites using Ant Design.
@@ -53,7 +53,7 @@ OceanBase Cloud is a distributed relational database in a real sense, but OceanB
 <img class="preview-img" width="420" align="right" src="https://os.alipayobjects.com/rmsportal/sBlmIcJXZdJTJbC.png">
 <img class="preview-img" width="420" align="right" src="https://os.alipayobjects.com/rmsportal/fRDuTjVbVApxyzU.png">
 
-Experience Platform is used for collecting all the points of contact and information of the user (including microblogging and other channels). 
+Experience Platform is used for collecting all the points of contact and information of the user (including microblogging and other channels).
 Through data mining, it exposes the users's experience and it helps the company's internal business team / product managers, facilitating the experience problem solving, in order to achieve healthy functioning streams.
 
 <p><a class="outside-link internal" href="http://tiyan.alipay.com/" target="_blank">Website</a></p>
@@ -66,8 +66,8 @@ Through data mining, it exposes the users's experience and it helps the company'
 <img class="preview-img" width="420" align="right" src="https://os.alipayobjects.com/rmsportal/nvJftlNzfzhVDVW.png">
 <img class="preview-img" width="420" align="right" src="https://os.alipayobjects.com/rmsportal/LugOCvzybKsmQCj.png">
 
-AntV is a graphical library that is based on the work of a data group team 
-whose results of exploring data visualization were summarized 
+AntV is a graphical library that is based on the work of a data group team
+whose results of exploring data visualization were summarized
 and shared them together with the required data visualization theory.
 
 <p><a class="outside-link internal" href="https://antv.alipay.com/" target="_blank">Website</a></p>
diff --git a/docs/practice/cases.zh-CN.md b/docs/practice/cases.zh-CN.md
index 7335f583fc..ca341602ab 100644
--- a/docs/practice/cases.zh-CN.md
+++ b/docs/practice/cases.zh-CN.md
@@ -5,7 +5,7 @@ title: 实践案例
 
 Ant Design 是面向中台的 UI 设计语言。
 
-从 2015 年 4 月起，Ant Design 在蚂蚁金服中后台产品线迅速推广，对接多条业务线，覆盖系统 40 个以上。定位于中台业务的 Ant Design 兼顾专业和非专业的设计人员，具有学习成本低、上手速度快、实现效果好等特点，并且提供从界面设计到前端开发的全链路生态，可以大大提升设计和开发的效率。
+从 2015 年 4 月起，Ant Design 在蚂蚁金服中后台产品线迅速推广，对接多条业务线，覆盖系统 300 个以上。定位于中台业务的 Ant Design 兼顾专业和非专业的设计人员，具有学习成本低、上手速度快、实现效果好等特点，并且提供从界面设计到前端开发的全链路生态，可以大大提升设计和开发的效率。
 
 Ant Design 目前在外部也有 [许多产品实践](https://github.com/ant-design/ant-design/issues/477)，如果你的公司和产品从中受益，欢迎留言。
 

From c4ac91906790c94f67c7d637d601e47110b3b356 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Thu, 16 Feb 2017 16:30:16 +0800
Subject: [PATCH 31/88] fix: Menu.Item border width should not show animation

---
 components/menu/style/index.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/menu/style/index.less b/components/menu/style/index.less
index 4b73443aab..e367c09edb 100644
--- a/components/menu/style/index.less
+++ b/components/menu/style/index.less
@@ -116,7 +116,7 @@
   &-vertical {
     border-right: @border-width-base @border-style-base @border-color-split;
     .@{menu-prefix-cls}-item {
-      border-right: @border-width-base @border-style-base @border-color-split;
+      border-right: 3px @border-style-base transparent;
       margin-left: -1px;
       left: 1px;
       position: relative;
@@ -134,7 +134,7 @@
   &-inline {
     .@{menu-prefix-cls}-selected,
     .@{menu-prefix-cls}-item-selected {
-      border-right: 3px solid @primary-color;
+      border-right-color: @primary-color;
       transform: translateZ(0);
     }
   }

From 49b050ccc148b4c8c516a7bec78e6d661d109fe8 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 16 Feb 2017 17:07:49 +0800
Subject: [PATCH 32/88] Improve button and badge[status] with pulse animation

---
 components/badge/style/index.less  | 2 +-
 components/button/style/index.less | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/badge/style/index.less b/components/badge/style/index.less
index e370767b71..b4b16c74b2 100644
--- a/components/badge/style/index.less
+++ b/components/badge/style/index.less
@@ -68,7 +68,7 @@
         width: 100%;
         height: 100%;
         border-radius: 50%;
-        background-color: @primary-color;
+        border: 1px solid @primary-color;
         content: '';
         animation: antStatusProcessing 1.2s infinite ease-in-out;
       }
diff --git a/components/button/style/index.less b/components/button/style/index.less
index 80e9913487..0d69260a1f 100644
--- a/components/button/style/index.less
+++ b/components/button/style/index.less
@@ -122,9 +122,9 @@
     bottom: -1px;
     right: -1px;
     border-radius: inherit;
-    border: 0 solid @primary-color;
+    border: 1.5px solid @primary-color;
     opacity: 0.4;
-    animation: buttonEffect 0.48s ease-in-out forwards;
+    animation: buttonEffect 0.4s ease-in-out forwards;
     display: block;
   }
 
@@ -150,6 +150,5 @@
     left: -6px;
     bottom: -6px;
     right: -6px;
-    border-width: 6px;
   }
 }

From 477e1500752afe4cfc35ef94aa6110741ef218d8 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 16 Feb 2017 17:31:08 +0800
Subject: [PATCH 33/88] Fix some SubMenu style bug, close #4906

---
 components/menu/style/index.less | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/menu/style/index.less b/components/menu/style/index.less
index e367c09edb..dc78fcc27e 100644
--- a/components/menu/style/index.less
+++ b/components/menu/style/index.less
@@ -124,10 +124,19 @@
     }
   }
 
-  &-vertical &-sub {
+  &-vertical&-sub {
     border-right: 0;
     .@{menu-prefix-cls}-item {
       border-right: 0;
+      margin-left: 0;
+      left: 0;
+    }
+    > .@{menu-prefix-cls}-item:first-child {
+      border-radius: @border-radius-base @border-radius-base 0 0;
+    }
+    > .@{menu-prefix-cls}-item:last-child,
+    > .@{menu-prefix-cls}-item-group:last-child > .@{menu-prefix-cls}-item-group-list:last-child > .@{menu-prefix-cls}-item:last-child {
+      border-radius: 0 0 @border-radius-base @border-radius-base;
     }
   }
 

From 8cfdf68f75acc7fb1045de56ce862025d92f73c8 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Thu, 16 Feb 2017 17:32:06 +0800
Subject: [PATCH 34/88] deps: upgrade bisheng-plugin-react

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c40605b10d..f93560ae6f 100644
--- a/package.json
+++ b/package.json
@@ -89,7 +89,7 @@
     "bisheng": "^0.22.0",
     "bisheng-plugin-antd": "^0.11.0",
     "bisheng-plugin-description": "^0.1.1",
-    "bisheng-plugin-react": "^0.4.0",
+    "bisheng-plugin-react": "^0.5.0",
     "bisheng-plugin-toc": "^0.4.0",
     "coveralls": "^2.11.15",
     "cross-env": "^3.1.4",

From 74028f6e4826e6280da4d0e799d0424732bf9fb8 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 16 Feb 2017 17:56:15 +0800
Subject: [PATCH 35/88] Fix pop menu padding

---
 components/menu/style/index.less | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/components/menu/style/index.less b/components/menu/style/index.less
index dc78fcc27e..b341096f2e 100644
--- a/components/menu/style/index.less
+++ b/components/menu/style/index.less
@@ -290,7 +290,7 @@
   &-item-group-list {
     & > .@{menu-prefix-cls}-item,
     & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
-      padding: 0 16px 0 28px;
+      padding: 0 16px;
       font-size: @font-size-base;
       line-height: 42px;
       height: 42px;
@@ -299,6 +299,13 @@
     }
   }
 
+  &-item-group-list {
+    & > .@{menu-prefix-cls}-item,
+    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
+      padding: 0 16px 0 28px;
+    }
+  }
+
   &-vertical&-sub {
     padding: 0;
     transform-origin: 0 0;

From 989792ed9b9a81521de7646ac8a674be2bb47ed0 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 16 Feb 2017 21:24:17 +0800
Subject: [PATCH 36/88] simplify less code

---
 components/menu/style/index.less | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/components/menu/style/index.less b/components/menu/style/index.less
index b341096f2e..dd1ec46bba 100644
--- a/components/menu/style/index.less
+++ b/components/menu/style/index.less
@@ -286,10 +286,9 @@
   }
 
   &-vertical,
-  &-inline,
-  &-item-group-list {
-    & > .@{menu-prefix-cls}-item,
-    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
+  &-inline {
+    .@{menu-prefix-cls}-item,
+    .@{menu-prefix-cls}-submenu-title {
       padding: 0 16px;
       font-size: @font-size-base;
       line-height: 42px;
@@ -300,8 +299,8 @@
   }
 
   &-item-group-list {
-    & > .@{menu-prefix-cls}-item,
-    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
+    .@{menu-prefix-cls}-item,
+    .@{menu-prefix-cls}-submenu-title {
       padding: 0 16px 0 28px;
     }
   }

From 94e81386390d4c3e45b2d5d95e2b4cd635dade7a Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 16 Feb 2017 21:55:03 +0800
Subject: [PATCH 37/88] adjust spin style

---
 components/spin/style/index.less | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/spin/style/index.less b/components/spin/style/index.less
index c303d2656e..29d68e146e 100644
--- a/components/spin/style/index.less
+++ b/components/spin/style/index.less
@@ -75,8 +75,8 @@
 
   &-blur {
     opacity: 0.7;
-    -webkit-filter: blur(1px);
-    filter: blur(1px);
+    -webkit-filter: blur(0.8px);
+    filter: blur(0.8px);
 
     /* IE6~IE9 */
     filter: ~"progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1, MakeShadow\=false)"; // lesshint duplicateProperty: false
@@ -91,7 +91,9 @@
       right: 0;
       top: 0;
       bottom: 0;
-      background: transparent;
+      background: #fff;
+      opacity: 0.2;
+      transition: all .3s;
     }
   }
 

From bace209d52a8fb256e25f519ce90d8e84a80d193 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Fri, 17 Feb 2017 00:06:00 +0800
Subject: [PATCH 38/88] Update CHANGELOG.zh-CN.md

---
 CHANGELOG.zh-CN.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index 551764b8f1..440f274402 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -10,7 +10,7 @@ timeline: true
 #### 发布周期
 
 * patch 版本：每周末会进行日常 bugfix 更新。（如果有紧急的 bugfix，则任何时候都可发布）
-* minor 版本：每月发布一个带有新特性的版本。
+* minor 版本：每月发布一个带有新特性的向下兼容的版本。
 * 大版本号：含有破坏性更新和新特性，不在发布周期内。
 
 如果需要查看 `2.0.0` 之前的更新日志，请移步 [GitHub](https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md)。

From df3617ddede397950ca77b874bbd81e2e62c5840 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 17 Feb 2017 00:59:11 +0800
Subject: [PATCH 39/88] docs: improve API table layout

---
 components/tree-select/index.en-US.md |  4 ++--
 components/tree-select/index.zh-CN.md |  4 ++--
 components/tree/index.en-US.md        | 14 +++++++-------
 components/tree/index.zh-CN.md        | 14 +++++++-------
 4 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/components/tree-select/index.en-US.md b/components/tree-select/index.en-US.md
index 75ff2c5460..cba439a428 100644
--- a/components/tree-select/index.en-US.md
+++ b/components/tree-select/index.en-US.md
@@ -18,8 +18,8 @@ Any data whose entries are defined in a hierarchical manner is fit to use this c
 
 Property | Description | Type | Default
 -----|-----|-----|------
-value | To set the current selected treeNode(s). | __Default:__ string\|string[]. __With `labelInValue` set:__ { value: string, label: ReactNode }/Array<{ value: string, label: ReactNode }>. __With `treeCheckStrictly` set(`halfChecked` is set to `false`):__ { value: string, label: ReactNode, halfChecked: string[] }/Array<{ value: string, label: ReactNode, halfChecked: string[] }>. | -
-labelInValue | Determine whether to put `label` into `value`, the type of `value` as specified in the above | boolean | false
+value | To set the current selected treeNode(s). | string\|string[] | -
+labelInValue | whether to embed label in value, turn the format of value from `string` to `{key: string, label: ReactNode, halfChecked: string[]} | boolean | false
 defaultValue | To set the initial selected treeNode(s).  | string\|string[] | -
 multiple | Support multiple or not, will be `true` when enable `treeCheckable`. | boolean | false
 onSelect | A callback function, can be executed when you select a treeNode. | function(value, node, extra) | -
diff --git a/components/tree-select/index.zh-CN.md b/components/tree-select/index.zh-CN.md
index 0a43d30ceb..92a79775b2 100644
--- a/components/tree-select/index.zh-CN.md
+++ b/components/tree-select/index.zh-CN.md
@@ -17,8 +17,8 @@ title: TreeSelect
 
 | 参数       | 说明                                      | 类型       | 默认值 |
 |-----------|------------------------------------------|------------|--------|
-| value    | 指定当前选中的条目 | 通常: string/string[]. 设置 labelInValue: { value: string, label: ReactNode }/Array<{ value: string, label: ReactNode }>. 设置 treeCheckStrictly(halfChecked 默认为 false): { value: string, label: ReactNode, halfChecked: string[] }/Array<{ value: string, label: ReactNode, halfChecked: string[] }>. |  -  |
-| labelInValue | 是否把 label 嵌入到 value 里，设置后参考以上 value 类型写法  | boolean | false |
+| value    | 指定当前选中的条目 | string/string[] |  -  |
+| labelInValue | 是否把每个选项的 label 包装到 value 中，会把 value 类型从 `string` 变为 `{key: string, label: ReactNode, halfChecked(treeCheckStrictly 时有效): string[] }` 的格式 | boolean | false |
 | defaultValue | 指定默认选中的条目 | string/string[]   |  -  |
 | multiple   | 支持多选（当设置 treeCheckable 时自动变为true） | boolean | false |
 | onSelect | 被选中时调用 | function(value, node, extra) | -   |
diff --git a/components/tree/index.en-US.md b/components/tree/index.en-US.md
index 5061f1de60..d099c7bcbb 100644
--- a/components/tree/index.en-US.md
+++ b/components/tree/index.en-US.md
@@ -21,7 +21,7 @@ Directory, organization, biological classification, country, and etc. Almost thi
 |expandedKeys |(controlled) Specifies keys of expanded treeNodes | string[] | [] |
 |autoExpandParent | Whether to automatically expand a parent treeNode | boolean | true |
 |defaultCheckedKeys | Specifies keys of default checked treeNodes | string[] | [] |
-|checkedKeys |(controlled) Specifies keys of checked treeNodes（PS： When specifies a key of treeNode which is a parent treeNode, all children treeNodes of its will be checked; And vice versa, when specifies a key of treeNode which is a child treeNode, its parent treeNode will also be checked. When `checkable` and `checkStrictly` is true, it'a object has `checked` and `halfChecked` property, and no matter child treeNode or parent treeNode is checked, they won't impact on eachother. | string[]/{checked:string[],halfChecked:string[]} | [] |
+|checkedKeys |(controlled) Specifies keys of checked treeNodes（PS： When specifies a key of treeNode which is a parent treeNode, all children treeNodes of its will be checked; And vice versa, when specifies a key of treeNode which is a child treeNode, its parent treeNode will also be checked. When `checkable` and `checkStrictly` is true, it'a object has `checked` and `halfChecked` property, and no matter child treeNode or parent treeNode is checked, they won't impact on eachother. | string[] \| {checked: string[], halfChecked: string[]} | [] |
 |checkStrictly| Check treeNode precisely, parent treeNode and children treeNodes are not associated | boolean | false |
 |defaultSelectedKeys | Specifies keys of default selected treeNodes | string[] | [] |
 |selectedKeys |(controlled) Specifies keys of selected treeNode | string[] | - |
@@ -30,13 +30,13 @@ Directory, organization, biological classification, country, and etc. Almost thi
 |onSelect | The callback will be invoked when the user clicks a treeNode | function(selectedKeys, e:{selected: bool, selectedNodes, node, event}) | - |
 |filterTreeNode | Defines a function to filter treeNodes（highlight），when return true, corresponding treeNode will be highlight | function(node) | - |
 |loadData | load data asynchronously | function(node)| - |
-|onRightClick | The call back will be invoked when the user right clicks a treeNode | function({event,node}) | - |
+|onRightClick | The call back will be invoked when the user right clicks a treeNode | function({event, node}) | - |
 |draggable | Specifies whether this Tree is draggable（IE>8） | boolean | false |
-|onDragStart | Defines a function will be called when the onDragStart event occurs | function({event,node}) | - |
-|onDragEnter | Defines a function will be called when the onDragEnter event occurs | function({event,node,expandedKeys}) | - |
-|onDragOver  | Defines a function will be called when the onDragOver event occurs | function({event,node}) | - |
-|onDragLeave | Defines a function will be called when the onDragLeave event occurs | function({event,node}) | - |
-|onDragEnd | Defines a function will be called when the onDragEnd event occurs | function({event,node}) | - |
+|onDragStart | Defines a function will be called when the onDragStart event occurs | function({event, node}) | - |
+|onDragEnter | Defines a function will be called when the onDragEnter event occurs | function({event, node,  expandedKeys}) | - |
+|onDragOver  | Defines a function will be called when the onDragOver event occurs | function({event, node}) | - |
+|onDragLeave | Defines a function will be called when the onDragLeave event occurs | function({event, node}) | - |
+|onDragEnd | Defines a function will be called when the onDragEnd event occurs | function({event, node}) | - |
 |onDrop | Defines a function will be called when the onDrop event occurs | function({event, node, dragNode, dragNodesKeys}) | - |
 
 ### TreeNode props
diff --git a/components/tree/index.zh-CN.md b/components/tree/index.zh-CN.md
index c4a4f33fd4..d4c948f51e 100644
--- a/components/tree/index.zh-CN.md
+++ b/components/tree/index.zh-CN.md
@@ -22,7 +22,7 @@ subtitle: 树形控件
 |expandedKeys | （受控）展开指定的树节点 | string[] | [] |
 |autoExpandParent | 是否自动展开父节点 | boolean | true |
 |defaultCheckedKeys | 默认选中复选框的树节点 | string[] | [] |
-|checkedKeys | （受控）选中复选框的树节点（注意：父子节点有关联，如果传入父节点key，则子节点自动选中；相应当子节点key都传入，父节点也自动选中。当设置`checkable`和`checkStrictly`，它是一个有`checked`和`halfChecked`属性的对象，并且父子节点的选中与否不再关联 | string[]\|{checked:string[],halfChecked:string[]} | [] |
+|checkedKeys | （受控）选中复选框的树节点（注意：父子节点有关联，如果传入父节点key，则子节点自动选中；相应当子节点key都传入，父节点也自动选中。当设置`checkable`和`checkStrictly`，它是一个有`checked`和`halfChecked`属性的对象，并且父子节点的选中与否不再关联 | string[] \| {checked: string[], halfChecked: string[]} | [] |
 |checkStrictly| checkable状态下节点选择完全受控（父子节点选中状态不再关联）| boolean | false |
 |defaultSelectedKeys | 默认选中的树节点 | string[] | [] |
 |selectedKeys | （受控）设置选中的树节点 | string[] | - |
@@ -31,13 +31,13 @@ subtitle: 树形控件
 |onSelect | 点击树节点触发 | function(selectedKeys, e:{selected: bool, selectedNodes, node, event}) | - |
 |filterTreeNode | 按需筛选树节点（高亮），返回true | function(node) | - |
 |loadData | 异步加载数据 | function(node)| - |
-|onRightClick | 响应右键点击 | function({event,node}) | - |
+|onRightClick | 响应右键点击 | function({event, node}) | - |
 |draggable | 设置节点可拖拽（IE>8） | boolean | false |
-|onDragStart | 开始拖拽时调用 | function({event,node}) | - |
-|onDragEnter | dragenter 触发时调用 | function({event,node,expandedKeys}) | - |
-|onDragOver | dragover 触发时调用 | function({event,node}) | - |
-|onDragLeave | dragleave 触发时调用 | function({event,node}) | - |
-|onDragEnd | dragend 触发时调用 | function({event,node}) | - |
+|onDragStart | 开始拖拽时调用 | function({event, node}) | - |
+|onDragEnter | dragenter 触发时调用 | function({event, node, expandedKeys}) | - |
+|onDragOver | dragover 触发时调用 | function({event, node}) | - |
+|onDragLeave | dragleave 触发时调用 | function({event, node}) | - |
+|onDragEnd | dragend 触发时调用 | function({event, node}) | - |
 |onDrop | drop 触发时调用 | function({event, node, dragNode, dragNodesKeys}) | - |
 
 ### TreeNode props

From 58afe5f729a695f495d7354ff50d154d58df1a21 Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Fri, 17 Feb 2017 09:36:42 +0800
Subject: [PATCH 40/88] fix: build dist with locales (#4910)

---
 index-with-locales.js | 11 +++++++++++
 webpack.config.js     | 10 ++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 index-with-locales.js

diff --git a/index-with-locales.js b/index-with-locales.js
new file mode 100644
index 0000000000..3ea9a69054
--- /dev/null
+++ b/index-with-locales.js
@@ -0,0 +1,11 @@
+const antd = require('./components');
+const req = require.context('./components', true, /^\.\/locale-provider\/.+_.+\.tsx$/);
+
+antd.locales = {};
+
+req.keys().forEach((mod) => {
+  const match = mod.match(/\/([^/]+).tsx$/);
+  antd.locales[match[1]] = req(mod);
+});
+
+module.exports = antd;
diff --git a/webpack.config.js b/webpack.config.js
index 7079938c9d..c5fcd0f32e 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -18,12 +18,22 @@ function es3ify(webpackConfig) {
   });
 }
 
+function addLocales(webpackConfig) {
+  let packageName = 'antd-with-locales';
+  if (webpackConfig.entry['antd.min']) {
+    packageName += '.min';
+  }
+  webpackConfig.entry[packageName] = './index-with-locales.js';
+  webpackConfig.output.filename = '[name].js';
+}
+
 module.exports = function (webpackConfig) {
   webpackConfig = getWebpackConfig(webpackConfig);
   if (process.env.RUN_ENV === 'PRODUCTION') {
     webpackConfig.forEach((config) => {
       es3ify(config);
       ignoreMomentLocale(config);
+      addLocales(config);
     });
   }
   return webpackConfig;

From 5ff8723a9f0293fddb24bedec32284e6609a318c Mon Sep 17 00:00:00 2001
From: Chikara Chan <chenhongtu@51xianqu.net>
Date: Fri, 17 Feb 2017 11:11:42 +0800
Subject: [PATCH 41/88] docs: fix import style error due to duplicated
 identifier (#4917)

* fix render unuse className when type is undefined

* docs: fix import style error due to duplicated identifier
---
 docs/react/getting-started.en-US.md | 2 +-
 docs/react/getting-started.zh-CN.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/react/getting-started.en-US.md b/docs/react/getting-started.en-US.md
index 2627358a88..e42fc3c56b 100644
--- a/docs/react/getting-started.en-US.md
+++ b/docs/react/getting-started.en-US.md
@@ -168,7 +168,7 @@ But, we can import individual components on demand:
 
 ```jsx
 import Button from 'antd/lib/button';
-import Button from 'antd/lib/button/style/css'; // import style
+import 'antd/lib/button/style/css'; // import style
 ```
 
 We strongly recommend to use [babel-plugin-import](https://github.com/ant-design/babel-plugin-import), which can convert the following code to the 'antd/lib/xxx' way:
diff --git a/docs/react/getting-started.zh-CN.md b/docs/react/getting-started.zh-CN.md
index 1b32d303ae..1195e43389 100644
--- a/docs/react/getting-started.zh-CN.md
+++ b/docs/react/getting-started.zh-CN.md
@@ -166,7 +166,7 @@ IE8 需要配合使用 [react@0.14.x](https://facebook.github.io/react/blog/2016
 
 ```jsx
 import Button from 'antd/lib/button';
-import Button from 'antd/lib/button/style/css'; // 按需引入 css
+import 'antd/lib/button/style/css'; // 按需引入 css
 ```
 
 如果你使用了 babel，那么可以使用 [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) 来进行按需加载，加入这个插件后。你可以仍然这么写：

From 7d3cbfd9d99de7a5d3d01b308d9a26118491fce4 Mon Sep 17 00:00:00 2001
From: ddcat1115 <ddcat1115@gmail.com>
Date: Fri, 17 Feb 2017 11:12:52 +0800
Subject: [PATCH 42/88] fix: menu[mode='vertical'] can not show submenu in
 Layout.Sider (#4904)

* fix menu[mode='vertical'] can not show submenu in Layout.Sider
close #4890

improve Layout demo

* del useless css
---
 components/layout/Sider.tsx                   |   1 +
 .../__tests__/__snapshots__/demo.test.js.snap | 136 +++++++-----------
 components/layout/demo/side.md                |  61 ++++----
 components/layout/style/index.less            |   6 -
 4 files changed, 86 insertions(+), 118 deletions(-)

diff --git a/components/layout/Sider.tsx b/components/layout/Sider.tsx
index cc9e4e7e8f..7afe0fd1aa 100644
--- a/components/layout/Sider.tsx
+++ b/components/layout/Sider.tsx
@@ -81,6 +81,7 @@ export default class Sider extends React.Component<SiderProps, any> {
     const divStyle = {
       ...style,
       flex: `0 0 ${this.state.collapsed ? collapsedWidth : width}px`,
+      width: `${this.state.collapsed ? collapsedWidth : width}px`,
     };
     const iconObj = {
       'expanded': reverseArrow ? <Icon type="right" /> : <Icon type="left" />,
diff --git a/components/layout/__tests__/__snapshots__/demo.test.js.snap b/components/layout/__tests__/__snapshots__/demo.test.js.snap
index 72a567c683..62132e8ded 100644
--- a/components/layout/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/layout/__tests__/__snapshots__/demo.test.js.snap
@@ -25,7 +25,7 @@ exports[`test renders ./components/layout/demo/basic.md correctly 1`] = `
       class="ant-layout ant-layout-has-sider">
       <div
         class="ant-layout-sider"
-        style="flex:0 0 200px;">
+        style="flex:0 0 200px;width:200px;">
         Sider
       </div>
       <div
@@ -52,7 +52,7 @@ exports[`test renders ./components/layout/demo/basic.md correctly 1`] = `
       </div>
       <div
         class="ant-layout-sider"
-        style="flex:0 0 200px;">
+        style="flex:0 0 200px;width:200px;">
         Sider
       </div>
     </div>
@@ -65,7 +65,7 @@ exports[`test renders ./components/layout/demo/basic.md correctly 1`] = `
     class="ant-layout ant-layout-has-sider">
     <div
       class="ant-layout-sider"
-      style="flex:0 0 200px;">
+      style="flex:0 0 200px;width:200px;">
       Sider
     </div>
     <div
@@ -92,7 +92,7 @@ exports[`test renders ./components/layout/demo/custom-trigger.md correctly 1`] =
   class="ant-layout ant-layout-has-sider">
   <div
     class="ant-layout-sider"
-    style="flex:0 0 200px;">
+    style="flex:0 0 200px;width:200px;">
     <div
       class="logo" />
     <ul
@@ -160,7 +160,7 @@ exports[`test renders ./components/layout/demo/side.md correctly 1`] = `
   class="ant-layout ant-layout-has-sider">
   <div
     class="ant-layout-sider"
-    style="flex:0 0 200px;">
+    style="flex:0 0 200px;width:200px;">
     <div
       class="logo" />
     <ul
@@ -168,76 +168,54 @@ exports[`test renders ./components/layout/demo/side.md correctly 1`] = `
       class="ant-menu ant-menu-inline  ant-menu-dark ant-menu-root"
       role="menu"
       tabindex="0">
+      <li
+        class="ant-menu-submenu-inline ant-menu-submenu">
+        <div
+          aria-expanded="false"
+          aria-haspopup="true"
+          aria-owns="sub1$Menu"
+          class="ant-menu-submenu-title"
+          style="padding-left:24px;">
+          <span>
+            <i
+              class="anticon anticon-user" />
+            <span
+              class="nav-text">
+              User
+            </span>
+          </span>
+        </div>
+      </li>
+      <li
+        class="ant-menu-submenu-inline ant-menu-submenu">
+        <div
+          aria-expanded="false"
+          aria-haspopup="true"
+          aria-owns="sub2$Menu"
+          class="ant-menu-submenu-title"
+          style="padding-left:24px;">
+          <span>
+            <i
+              class="anticon anticon-team" />
+            <span
+              class="nav-text">
+              Team
+            </span>
+          </span>
+        </div>
+      </li>
       <li
         aria-selected="true"
         class="ant-menu-item-selected ant-menu-item"
         role="menuitem"
         style="padding-left:24px;">
-        <i
-          class="anticon anticon-user" />
-        <span
-          class="nav-text">
-          nav 1
-        </span>
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
-        style="padding-left:24px;">
-        <i
-          class="anticon anticon-video-camera" />
-        <span
-          class="nav-text">
-          nav 2
-        </span>
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
-        style="padding-left:24px;">
-        <i
-          class="anticon anticon-upload" />
-        <span
-          class="nav-text">
-          nav 3
-        </span>
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
-        style="padding-left:24px;">
-        <i
-          class="anticon anticon-user" />
-        <span
-          class="nav-text">
-          nav 4
-        </span>
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
-        style="padding-left:24px;">
-        <i
-          class="anticon anticon-heart-o" />
-        <span
-          class="nav-text">
-          nav 5
-        </span>
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
-        style="padding-left:24px;">
-        <i
-          class="anticon anticon-team" />
-        <span
-          class="nav-text">
-          nav 6
+        <span>
+          <i
+            class="anticon anticon-file" />
+          <span
+            class="nav-text">
+            File
+          </span>
         </span>
       </li>
     </ul>
@@ -261,7 +239,7 @@ exports[`test renders ./components/layout/demo/side.md correctly 1`] = `
         <span>
           <span
             class="ant-breadcrumb-link">
-            Home
+            User
           </span>
           <span
             class="ant-breadcrumb-separator">
@@ -271,17 +249,7 @@ exports[`test renders ./components/layout/demo/side.md correctly 1`] = `
         <span>
           <span
             class="ant-breadcrumb-link">
-            List
-          </span>
-          <span
-            class="ant-breadcrumb-separator">
-            /
-          </span>
-        </span>
-        <span>
-          <span
-            class="ant-breadcrumb-link">
-            App
+            Bill
           </span>
           <span
             class="ant-breadcrumb-separator">
@@ -291,7 +259,7 @@ exports[`test renders ./components/layout/demo/side.md correctly 1`] = `
       </div>
       <div
         style="padding:24px;background:#fff;min-height:360px;">
-        content
+        Bill is a cat.
       </div>
     </div>
     <div
@@ -461,7 +429,7 @@ exports[`test renders ./components/layout/demo/top-side.md correctly 1`] = `
       style="padding:24px 0;background:#fff;">
       <div
         class="ant-layout-sider"
-        style="background:#fff;flex:0 0 200px;">
+        style="background:#fff;flex:0 0 200px;width:200px;">
         <ul
           aria-activedescendant=""
           class="ant-menu ant-menu-inline  ant-menu-light ant-menu-root"
diff --git a/components/layout/demo/side.md b/components/layout/demo/side.md
index f5415ca8a4..5845a5667c 100644
--- a/components/layout/demo/side.md
+++ b/components/layout/demo/side.md
@@ -16,14 +16,19 @@ Be used in the two-columns layout.
 ````jsx
 import { Layout, Menu, Breadcrumb, Icon } from 'antd';
 const { Header, Content, Footer, Sider } = Layout;
+const SubMenu = Menu.SubMenu;
 
 class SiderDemo extends React.Component {
   state = {
     collapsed: false,
+    mode: 'inline',
   };
   onCollapse = (collapsed) => {
     console.log(collapsed);
-    this.setState({ collapsed });
+    this.setState({
+      collapsed,
+      mode: collapsed ? 'vertical' : 'inline',
+    });
   }
   render() {
     return (
@@ -34,30 +39,27 @@ class SiderDemo extends React.Component {
           onCollapse={this.onCollapse}
         >
           <div className="logo" />
-          <Menu theme="dark" mode="inline" defaultSelectedKeys={['1']}>
-            <Menu.Item key="1">
-              <Icon type="user" />
-              <span className="nav-text">nav 1</span>
-            </Menu.Item>
-            <Menu.Item key="2">
-              <Icon type="video-camera" />
-              <span className="nav-text">nav 2</span>
-            </Menu.Item>
-            <Menu.Item key="3">
-              <Icon type="upload" />
-              <span className="nav-text">nav 3</span>
-            </Menu.Item>
-            <Menu.Item key="4">
-              <Icon type="user" />
-              <span className="nav-text">nav 4</span>
-            </Menu.Item>
-            <Menu.Item key="5">
-              <Icon type="heart-o" />
-              <span className="nav-text">nav 5</span>
-            </Menu.Item>
+          <Menu theme="dark" mode={this.state.mode} defaultSelectedKeys={['6']}>
+            <SubMenu
+              key="sub1"
+              title={<span><Icon type="user" /><span className="nav-text">User</span></span>}
+            >
+              <Menu.Item key="1">Tom</Menu.Item>
+              <Menu.Item key="2">Bill</Menu.Item>
+              <Menu.Item key="3">Alex</Menu.Item>
+            </SubMenu>
+            <SubMenu
+              key="sub2"
+              title={<span><Icon type="team" /><span className="nav-text">Team</span></span>}
+            >
+              <Menu.Item key="4">Team 1</Menu.Item>
+              <Menu.Item key="5">Team 2</Menu.Item>
+            </SubMenu>
             <Menu.Item key="6">
-              <Icon type="team" />
-              <span className="nav-text">nav 6</span>
+              <span>
+                <Icon type="file" />
+                <span className="nav-text">File</span>
+              </span>
             </Menu.Item>
           </Menu>
         </Sider>
@@ -65,12 +67,11 @@ class SiderDemo extends React.Component {
           <Header style={{ background: '#fff', padding: 0 }} />
           <Content style={{ margin: '0 16px' }}>
             <Breadcrumb style={{ margin: '12px 0' }}>
-              <Breadcrumb.Item>Home</Breadcrumb.Item>
-              <Breadcrumb.Item>List</Breadcrumb.Item>
-              <Breadcrumb.Item>App</Breadcrumb.Item>
+              <Breadcrumb.Item>User</Breadcrumb.Item>
+              <Breadcrumb.Item>Bill</Breadcrumb.Item>
             </Breadcrumb>
             <div style={{ padding: 24, background: '#fff', minHeight: 360 }}>
-              content
+              Bill is a cat.
             </div>
           </Content>
           <Footer style={{ textAlign: 'center' }}>
@@ -100,4 +101,8 @@ ReactDOM.render(<SiderDemo />, mountNode);
 #components-layout-demo-side .ant-layout-sider-collapsed .nav-text {
   display: none;
 }
+
+#components-layout-demo-side .ant-layout-sider-collapsed .ant-menu-submenu-vertical > .ant-menu-submenu-title:after {
+  display: none;
+} 
 ````
diff --git a/components/layout/style/index.less b/components/layout/style/index.less
index 9d81ec2239..f932a2d92c 100644
--- a/components/layout/style/index.less
+++ b/components/layout/style/index.less
@@ -37,8 +37,6 @@
   }
 
   &-sider {
-    flex: 0 0 200px;
-    overflow: hidden;
     transition: all .3s @ease-out;
     position: relative;
     background: @layout-sider-background;
@@ -51,10 +49,6 @@
       order: 1;
     }
 
-    &-collapsed {
-      flex: 0 0 64px;
-    }
-
     &-trigger {
       position: absolute;
       text-align: center;

From bc988f486b26d052c6c3053be876063df97cf9b5 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 17 Feb 2017 11:31:47 +0800
Subject: [PATCH 43/88] fix css rule should not be prefixed, close #4915

---
 components/spin/style/index.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/spin/style/index.less b/components/spin/style/index.less
index 29d68e146e..00b6016655 100644
--- a/components/spin/style/index.less
+++ b/components/spin/style/index.less
@@ -79,6 +79,7 @@
     filter: blur(0.8px);
 
     /* IE6~IE9 */
+    /* autoprefixer: off */
     filter: ~"progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1, MakeShadow\=false)"; // lesshint duplicateProperty: false
     // workround for a strange style bug in safari:
     // https://github.com/ant-design/ant-design/issues/4622

From a87016ce54aff562e96c524d81a5f9eaea5c8b0f Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 17 Feb 2017 12:04:44 +0800
Subject: [PATCH 44/88] Make sure DatePicker style.width can be effective,
 close #4920

---
 components/date-picker/RangePicker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/date-picker/RangePicker.tsx b/components/date-picker/RangePicker.tsx
index 3978ed31b7..5ce2cf9ed7 100644
--- a/components/date-picker/RangePicker.tsx
+++ b/components/date-picker/RangePicker.tsx
@@ -165,7 +165,7 @@ export default class RangePicker extends React.Component<any, any> {
     // default width for showTime
     const pickerStyle = {} as any;
     if (props.showTime) {
-      pickerStyle.minWidth = 300;
+      pickerStyle.width = style.width || 300;
     }
 
     const clearIcon = (!props.disabled && props.allowClear && value && (value[0] || value[1]))

From bed59cf658048e5de23a9cb1ecb097a87bcdfae9 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 17 Feb 2017 13:58:24 +0800
Subject: [PATCH 45/88] fix lint

---
 .stylelintrc                     | 1 +
 components/spin/style/index.less | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/.stylelintrc b/.stylelintrc
index 0b6cb2f7ef..59fd86dfcf 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -3,6 +3,7 @@
   "rules": {
     "at-rule-empty-line-before": null,
     "at-rule-name-space-after": null,
+    "comment-empty-line-before": null,
     "declaration-bang-space-before": null,
     "declaration-empty-line-before": null,
     "function-comma-newline-after": null,
diff --git a/components/spin/style/index.less b/components/spin/style/index.less
index 00b6016655..2e0efb1f59 100644
--- a/components/spin/style/index.less
+++ b/components/spin/style/index.less
@@ -78,9 +78,9 @@
     -webkit-filter: blur(0.8px);
     filter: blur(0.8px);
 
-    /* IE6~IE9 */
     /* autoprefixer: off */
-    filter: ~"progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1, MakeShadow\=false)"; // lesshint duplicateProperty: false
+    filter: ~"progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1, MakeShadow\=false)";
+    /* autoprefixer: on */
     // workround for a strange style bug in safari:
     // https://github.com/ant-design/ant-design/issues/4622
     // have no clue why this works

From 89d77b235451640bd4f43f064743eba610c591de Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Fri, 17 Feb 2017 11:59:30 +0800
Subject: [PATCH 46/88] deps: upgrade rc-slider, ref: #4719

---
 components/slider/index.tsx | 51 +++++++++++++++++++++++++++++++------
 package.json                |  2 +-
 2 files changed, 44 insertions(+), 9 deletions(-)

diff --git a/components/slider/index.tsx b/components/slider/index.tsx
index 936cc50f61..99add48ebb 100644
--- a/components/slider/index.tsx
+++ b/components/slider/index.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
-import { PropTypes } from 'react';
-import RcSlider from 'rc-slider';
+import RcSlider from 'rc-slider/lib/Slider';
+import RcRange from 'rc-slider/lib/Range';
+import RcHandle from 'rc-slider/lib/Handle';
+import Tooltip from '../tooltip';
 
 export interface SliderMarks {
   [key: number]: React.ReactNode | {
@@ -12,6 +14,8 @@ export interface SliderMarks {
 export type SliderValue = number | [number, number];
 
 export interface SliderProps {
+  prefixCls?: string;
+  tooltipPrefixCls?: string;
   range?: boolean;
   min?: number;
   max?: number;
@@ -32,15 +36,46 @@ export default class Slider extends React.Component<SliderProps, any> {
   static defaultProps = {
     prefixCls: 'ant-slider',
     tooltipPrefixCls: 'ant-tooltip',
-    tipTransitionName: 'zoom-down',
+    tipFormatter(value) {
+      return value.toString();
+    },
   };
 
-  static propTypes = {
-    prefixCls: PropTypes.string,
-    tipTransitionName: PropTypes.string,
-  };
+  constructor(props) {
+    super(props);
+    this.state = { visibles: {} };
+  }
+
+  handleTooltipVisibleChange = (index, visible) => {
+    this.setState({
+      visibles: {
+        ...this.state.visibles,
+        [index]: visible,
+      },
+    });
+  }
+  handleWithTooltip = ({ value, dragging, index, ...restProps }) => {
+    const { tooltipPrefixCls, tipFormatter } = this.props;
+    return (
+      <Tooltip
+        prefixCls={tooltipPrefixCls}
+        title={tipFormatter ? tipFormatter(value) : ''}
+        visible={tipFormatter && (this.state.visibles[index] || dragging)}
+        onVisibleChange={visible => this.handleTooltipVisibleChange(index, visible)}
+        placement="top"
+        transitionName="zoom-down"
+        key={index}
+      >
+        <RcHandle {...restProps} />
+      </Tooltip>
+    );
+  }
 
   render() {
-    return <RcSlider {...this.props} />;
+    const { range, ...restProps } = this.props;
+    if (range) {
+      return <RcRange {...restProps} handle={this.handleWithTooltip} />;
+    }
+    return <RcSlider {...restProps} handle={this.handleWithTooltip} />;
   }
 }
diff --git a/package.json b/package.json
index f93560ae6f..e00d7d93c4 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,7 @@
     "rc-radio": "~2.0.0",
     "rc-rate": "~1.1.2",
     "rc-select": "~6.7.1",
-    "rc-slider": "~5.4.0",
+    "rc-slider": "~6.1.0",
     "rc-steps": "~2.3.0",
     "rc-switch": "~1.4.2",
     "rc-table": "~5.2.0",

From 56995e2089d661a43e819cb19dc2d446dc15858a Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Fri, 17 Feb 2017 12:11:54 +0800
Subject: [PATCH 47/88] test: update snapshot

---
 .../__tests__/__snapshots__/demo.test.js.snap |  4 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  8 +--
 .../__tests__/__snapshots__/demo.test.js.snap | 68 +++++++++----------
 3 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index ae41bacd2a..326036af87 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -1466,7 +1466,7 @@ exports[`test renders ./components/form/demo/validate-other.md correctly 1`] = `
           <div
             class="ant-slider-rail" />
           <div
-            class="ant-slider-track ant-slider-track-1"
+            class="ant-slider-track"
             style="visibility:visible;left:0%;width:0%;" />
           <div
             class="ant-slider-step">
@@ -1490,7 +1490,7 @@ exports[`test renders ./components/form/demo/validate-other.md correctly 1`] = `
               style="left:100%;" />
           </div>
           <div
-            class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+            class="ant-slider-handle"
             style="left:0%;" />
           <div
             class="ant-slider-mark">
diff --git a/components/grid/__tests__/__snapshots__/demo.test.js.snap b/components/grid/__tests__/__snapshots__/demo.test.js.snap
index 9db10365c8..1ab8feedbd 100644
--- a/components/grid/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/grid/__tests__/__snapshots__/demo.test.js.snap
@@ -385,7 +385,7 @@ exports[`test renders ./components/grid/demo/playground.md correctly 1`] = `
         <div
           class="ant-slider-rail" />
         <div
-          class="ant-slider-track ant-slider-track-1"
+          class="ant-slider-track"
           style="visibility:visible;left:0%;width:20%;" />
         <div
           class="ant-slider-step">
@@ -409,7 +409,7 @@ exports[`test renders ./components/grid/demo/playground.md correctly 1`] = `
             style="left:100%;" />
         </div>
         <div
-          class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+          class="ant-slider-handle"
           style="left:20%;" />
         <div
           class="ant-slider-mark">
@@ -457,7 +457,7 @@ exports[`test renders ./components/grid/demo/playground.md correctly 1`] = `
         <div
           class="ant-slider-rail" />
         <div
-          class="ant-slider-track ant-slider-track-1"
+          class="ant-slider-track"
           style="visibility:visible;left:0%;width:40%;" />
         <div
           class="ant-slider-step">
@@ -481,7 +481,7 @@ exports[`test renders ./components/grid/demo/playground.md correctly 1`] = `
             style="left:100%;" />
         </div>
         <div
-          class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+          class="ant-slider-handle"
           style="left:40%;" />
         <div
           class="ant-slider-mark">
diff --git a/components/slider/__tests__/__snapshots__/demo.test.js.snap b/components/slider/__tests__/__snapshots__/demo.test.js.snap
index 2d021af5eb..41dc071697 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.js.snap
@@ -5,12 +5,12 @@ exports[`test renders ./components/slider/demo/basic.md correctly 1`] = `
     <div
       class="ant-slider-rail" />
     <div
-      class="ant-slider-track ant-slider-track-1"
+      class="ant-slider-track"
       style="visibility:visible;left:0%;width:30%;" />
     <div
       class="ant-slider-step" />
     <div
-      class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+      class="ant-slider-handle"
       style="left:30%;" />
     <div
       class="ant-slider-mark" />
@@ -25,10 +25,10 @@ exports[`test renders ./components/slider/demo/basic.md correctly 1`] = `
     <div
       class="ant-slider-step" />
     <div
-      class="ant-slider-handle ant-slider-handle-1 ant-slider-handle-lower"
+      class="ant-slider-handle ant-slider-handle-1"
       style="left:20%;" />
     <div
-      class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+      class="ant-slider-handle ant-slider-handle-2"
       style="left:50%;" />
     <div
       class="ant-slider-mark" />
@@ -50,12 +50,12 @@ exports[`test renders ./components/slider/demo/event.md correctly 1`] = `
     <div
       class="ant-slider-rail" />
     <div
-      class="ant-slider-track ant-slider-track-1"
+      class="ant-slider-track"
       style="visibility:visible;left:0%;width:30%;" />
     <div
       class="ant-slider-step" />
     <div
-      class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+      class="ant-slider-handle"
       style="left:30%;" />
     <div
       class="ant-slider-mark" />
@@ -70,10 +70,10 @@ exports[`test renders ./components/slider/demo/event.md correctly 1`] = `
     <div
       class="ant-slider-step" />
     <div
-      class="ant-slider-handle ant-slider-handle-1 ant-slider-handle-lower"
+      class="ant-slider-handle ant-slider-handle-1"
       style="left:20%;" />
     <div
-      class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+      class="ant-slider-handle ant-slider-handle-2"
       style="left:50%;" />
     <div
       class="ant-slider-mark" />
@@ -91,12 +91,12 @@ exports[`test renders ./components/slider/demo/icon-slider.md correctly 1`] = `
     <div
       class="ant-slider-rail" />
     <div
-      class="ant-slider-track ant-slider-track-1"
+      class="ant-slider-track"
       style="visibility:visible;left:0%;width:0%;" />
     <div
       class="ant-slider-step" />
     <div
-      class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+      class="ant-slider-handle"
       style="left:0%;" />
     <div
       class="ant-slider-mark" />
@@ -117,12 +117,12 @@ exports[`test renders ./components/slider/demo/input-number.md correctly 1`] = `
         <div
           class="ant-slider-rail" />
         <div
-          class="ant-slider-track ant-slider-track-1"
+          class="ant-slider-track"
           style="visibility:visible;left:0%;width:0%;" />
         <div
           class="ant-slider-step" />
         <div
-          class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+          class="ant-slider-handle"
           style="left:0%;" />
         <div
           class="ant-slider-mark" />
@@ -171,12 +171,12 @@ exports[`test renders ./components/slider/demo/input-number.md correctly 1`] = `
         <div
           class="ant-slider-rail" />
         <div
-          class="ant-slider-track ant-slider-track-1"
+          class="ant-slider-track"
           style="visibility:visible;left:0%;width:0%;" />
         <div
           class="ant-slider-step" />
         <div
-          class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+          class="ant-slider-handle"
           style="left:0%;" />
         <div
           class="ant-slider-mark" />
@@ -229,7 +229,7 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
     <div
       class="ant-slider-rail" />
     <div
-      class="ant-slider-track ant-slider-track-1"
+      class="ant-slider-track"
       style="visibility:visible;left:0%;width:37%;" />
     <div
       class="ant-slider-step">
@@ -247,7 +247,7 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
         style="left:100%;" />
     </div>
     <div
-      class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+      class="ant-slider-handle"
       style="left:37%;" />
     <div
       class="ant-slider-mark">
@@ -298,10 +298,10 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
         style="left:100%;" />
     </div>
     <div
-      class="ant-slider-handle ant-slider-handle-1 ant-slider-handle-lower"
+      class="ant-slider-handle ant-slider-handle-1"
       style="left:26%;" />
     <div
-      class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+      class="ant-slider-handle ant-slider-handle-2"
       style="left:37%;" />
     <div
       class="ant-slider-mark">
@@ -337,7 +337,7 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
     <div
       class="ant-slider-rail" />
     <div
-      class="ant-slider-track ant-slider-track-1"
+      class="ant-slider-track"
       style="visibility:hidden;left:0%;width:37%;" />
     <div
       class="ant-slider-step">
@@ -355,7 +355,7 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
         style="left:100%;" />
     </div>
     <div
-      class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+      class="ant-slider-handle"
       style="left:37%;" />
     <div
       class="ant-slider-mark">
@@ -391,7 +391,7 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
     <div
       class="ant-slider-rail" />
     <div
-      class="ant-slider-track ant-slider-track-1"
+      class="ant-slider-track"
       style="visibility:visible;left:0%;width:37%;" />
     <div
       class="ant-slider-step">
@@ -409,7 +409,7 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
         style="left:100%;" />
     </div>
     <div
-      class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+      class="ant-slider-handle"
       style="left:37%;" />
     <div
       class="ant-slider-mark">
@@ -445,7 +445,7 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
     <div
       class="ant-slider-rail" />
     <div
-      class="ant-slider-track ant-slider-track-1"
+      class="ant-slider-track"
       style="visibility:visible;left:0%;width:37%;" />
     <div
       class="ant-slider-step">
@@ -463,7 +463,7 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
         style="left:100%;" />
     </div>
     <div
-      class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+      class="ant-slider-handle"
       style="left:37%;" />
     <div
       class="ant-slider-mark">
@@ -501,12 +501,12 @@ exports[`test renders ./components/slider/demo/tip-formatter.md correctly 1`] =
     <div
       class="ant-slider-rail" />
     <div
-      class="ant-slider-track ant-slider-track-1"
+      class="ant-slider-track"
       style="visibility:visible;left:0%;width:0%;" />
     <div
       class="ant-slider-step" />
     <div
-      class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+      class="ant-slider-handle"
       style="left:0%;" />
     <div
       class="ant-slider-mark" />
@@ -516,12 +516,12 @@ exports[`test renders ./components/slider/demo/tip-formatter.md correctly 1`] =
     <div
       class="ant-slider-rail" />
     <div
-      class="ant-slider-track ant-slider-track-1"
+      class="ant-slider-track"
       style="visibility:visible;left:0%;width:0%;" />
     <div
       class="ant-slider-step" />
     <div
-      class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+      class="ant-slider-handle"
       style="left:0%;" />
     <div
       class="ant-slider-mark" />
@@ -539,12 +539,12 @@ exports[`test renders ./components/slider/demo/vertical.md correctly 1`] = `
       <div
         class="ant-slider-rail" />
       <div
-        class="ant-slider-track ant-slider-track-1"
+        class="ant-slider-track"
         style="visibility:visible;bottom:0%;height:30%;" />
       <div
         class="ant-slider-step" />
       <div
-        class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+        class="ant-slider-handle"
         style="bottom:30%;" />
       <div
         class="ant-slider-mark" />
@@ -562,10 +562,10 @@ exports[`test renders ./components/slider/demo/vertical.md correctly 1`] = `
       <div
         class="ant-slider-step" />
       <div
-        class="ant-slider-handle ant-slider-handle-1 ant-slider-handle-lower"
+        class="ant-slider-handle ant-slider-handle-1"
         style="bottom:20%;" />
       <div
-        class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+        class="ant-slider-handle ant-slider-handle-2"
         style="bottom:50%;" />
       <div
         class="ant-slider-mark" />
@@ -596,10 +596,10 @@ exports[`test renders ./components/slider/demo/vertical.md correctly 1`] = `
           style="bottom:100%;" />
       </div>
       <div
-        class="ant-slider-handle ant-slider-handle-1 ant-slider-handle-lower"
+        class="ant-slider-handle ant-slider-handle-1"
         style="bottom:26%;" />
       <div
-        class="ant-slider-handle ant-slider-handle-2 ant-slider-handle-upper"
+        class="ant-slider-handle ant-slider-handle-2"
         style="bottom:37%;" />
       <div
         class="ant-slider-mark">

From 28dbdd17ed5b7278b4a0415b87c7fc304cf37981 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 17 Feb 2017 14:09:27 +0800
Subject: [PATCH 48/88] fix for #4920

---
 components/date-picker/RangePicker.tsx                      | 2 +-
 .../date-picker/__tests__/__snapshots__/demo.test.js.snap   | 6 +++---
 components/form/__tests__/__snapshots__/demo.test.js.snap   | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/date-picker/RangePicker.tsx b/components/date-picker/RangePicker.tsx
index 5ce2cf9ed7..85ed4a02f0 100644
--- a/components/date-picker/RangePicker.tsx
+++ b/components/date-picker/RangePicker.tsx
@@ -165,7 +165,7 @@ export default class RangePicker extends React.Component<any, any> {
     // default width for showTime
     const pickerStyle = {} as any;
     if (props.showTime) {
-      pickerStyle.width = style.width || 300;
+      pickerStyle.width = (style && style.width) || 300;
     }
 
     const clearIcon = (!props.disabled && props.allowClear && value && (value[0] || value[1]))
diff --git a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
index de0f789ca9..084dfc4398 100644
--- a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -127,7 +127,7 @@ exports[`test renders ./components/date-picker/demo/disabled-date.md correctly 1
   <br />
   <span
     class="ant-calendar-picker"
-    style="min-width:300px;">
+    style="width:300px;">
     <span
       class="ant-calendar-picker-input ant-input">
       <input
@@ -255,7 +255,7 @@ exports[`test renders ./components/date-picker/demo/presetted-ranges.md correctl
   <br />
   <span
     class="ant-calendar-picker"
-    style="min-width:300px;">
+    style="width:300px;">
     <span
       class="ant-calendar-picker-input ant-input">
       <input
@@ -429,7 +429,7 @@ exports[`test renders ./components/date-picker/demo/time.md correctly 1`] = `
   <br />
   <span
     class="ant-calendar-picker"
-    style="min-width:300px;">
+    style="width:300px;">
     <span
       class="ant-calendar-picker-input ant-input">
       <input
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index 326036af87..ce1fc0a26d 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -1184,7 +1184,7 @@ exports[`test renders ./components/form/demo/time-related-controls.md correctly
         class="ant-form-item-control ">
         <span
           class="ant-calendar-picker"
-          style="min-width:300px;">
+          style="width:300px;">
           <span
             class="ant-calendar-picker-input ant-input ant-input-lg">
             <input

From 2d02792da7fe6e99d51f86ca7e54660f29ece533 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 17 Feb 2017 17:41:23 +0800
Subject: [PATCH 49/88] Add max-height for table filter dropdown menu, close
 #4916

---
 components/table/style/index.less | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/table/style/index.less b/components/table/style/index.less
index 79591f0ef3..239378450d 100644
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@@ -369,6 +369,8 @@
       border: 0;
       box-shadow: none;
       border-radius: @border-radius-base @border-radius-base 0 0;
+      max-height: 400px;
+      overflow-x: hidden;
 
       &-item > label + span {
         padding: 0;

From 3d9d2e508ef85dd277923c69570fdc2f4e1c72d2 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjycui@users.noreply.github.com>
Date: Fri, 17 Feb 2017 18:02:06 +0800
Subject: [PATCH 50/88] docs: add change log for 2.7.2 (#4922)

* docs: add change log for 2.7.2

* deps: upgrade bisheng-plugin-antd
---
 CHANGELOG.en-US.md | 30 ++++++++++++++++++++++++++++++
 CHANGELOG.zh-CN.md | 30 ++++++++++++++++++++++++++++++
 package.json       |  2 +-
 3 files changed, 61 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 0c8de7d2be..02ebafc429 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -17,6 +17,36 @@ If you want to read change logs before `2.0.0`, please visit [GitHub](https://gi
 
 ---
 
+## 2.7.2
+
+`2017-02-17`
+
+- Fix that `antd.version` doesn't work as expected. [#4844](https://github.com/ant-design/ant-design/issues/4844)
+- Fix that dist files don't include locales. [#4910](https://github.com/ant-design/ant-design/pull/4910)
+- Fix that disabled option is selectable in search mode of Cascader. [#4699](https://github.com/ant-design/ant-design/issues/4699)
+- **Button**
+  - Fix click animation of `Button[type=danger]`.
+  - Fix broken style with `loading`. [#4875](https://github.com/ant-design/ant-design/issues/4875)
+- **Menu**
+  - Fix that `openKeys` should be controlled property in `vertical` mode. [#4876](https://github.com/ant-design/ant-design/issues/4876)
+  - Fix selected animation of Menu.Item.
+  - Fix broken style of Menu.SubMenu. [#4906](https://github.com/ant-design/ant-design/issues/4906)
+- **Table**
+  - Fix broken style of table which use small size and fixed header. [#4850](https://github.com/ant-design/ant-design/issues/4850)
+  - Fix placeholder style. [#4851](https://github.com/ant-design/ant-design/pull/4851)
+  - Simplify DOM structure. [#4868](https://github.com/ant-design/ant-design/issues/4868)
+- Fix that Radio should support number `0` as children. [#4874](https://github.com/ant-design/ant-design/issues/4874) [@HQidea](https://github.com/HQidea)
+- Fix that RangePicker should work with `style.width` which is small than 300. [#4920](https://github.com/ant-design/ant-design/issues/4920)
+- Fix CSS compile error caused by Spin. [#4915](https://github.com/ant-design/ant-design/issues/4915)
+- Fix that Tooltip should work with disabled button in Chrome. [#4865](https://github.com/ant-design/ant-design/pull/4865)
+- Fix UX of Tree while dragging. [#4858](https://github.com/ant-design/ant-design/issues/4858)
+- Fix failed style of Upload. [#4810](https://github.com/ant-design/ant-design/issues/4810)
+- Fix that `Menu[vertical]`'s SubMenu cannot popup in Layout.Sider. [#4890](https://github.com/ant-design/ant-design/issues/4890)
+- Improve animation of Button and `Badge[status=processing]`.
+
+![Badge animation](https://camo.githubusercontent.com/6874b2333f2fac3fac346404c6e70684e4dafc1a/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f73516b72756c716346734b4e54785158615971512e676966)
+![Button animation](https://camo.githubusercontent.com/3963d12b45de4f522c2799361dbc3177e7bd93d1/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f46624b776d636f766d795364666c557468494e522e676966)
+
 ## 2.7.1
 
 `2017-02-10`
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index 440f274402..c9f802b0ac 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -17,6 +17,36 @@ timeline: true
 
 ---
 
+## 2.7.2
+
+`2017-02-17`
+
+- 修复 `antd.version` 无法正常使用的问题。 [#4844](https://github.com/ant-design/ant-design/issues/4844)
+- 修复 dist 文件没有 locales 的问题。 [#4910](https://github.com/ant-design/ant-design/pull/4910)
+- 修复 Cascader 搜索模式下可以选择已禁用选项的问题。 [#4699](https://github.com/ant-design/ant-design/issues/4699)
+- **Button**
+  - 修复 `Button[type=danger]` 的点击动画。
+  - 修复设置 `loading` 时的样式问题。 [#4875](https://github.com/ant-design/ant-design/issues/4875)
+- **Menu**
+  - 修复 `vertical` 模式下 `openKeys` 为受控属性。 [#4876](https://github.com/ant-design/ant-design/issues/4876)
+  - 修复 Menu.Item 选中时的动画问题。
+  - 修复 Menu.SubMenu 的样式问题。 [#4906](https://github.com/ant-design/ant-design/issues/4906)
+- **Table**
+  - 修复在混合使用固定表头和小尺寸时的样式问题。 [#4850](https://github.com/ant-design/ant-design/issues/4850)
+  - 修复无数据时的占位符样式问题。 [#4851](https://github.com/ant-design/ant-design/pull/4851)
+  - 精简了 DOM 结构。 [#4868](https://github.com/ant-design/ant-design/issues/4868)
+- 修复 Radio 组件 children 无法为数字 `0` 的问题。 [#4874](https://github.com/ant-design/ant-design/issues/4874) [@HQidea](https://github.com/HQidea)
+- 修复 RangePicker `style.width` 无法小于 300 的问题。 [#4920](https://github.com/ant-design/ant-design/issues/4920)
+- 修复 Spin 样式在打包时会导致编译错误的问题。 [#4915](https://github.com/ant-design/ant-design/issues/4915)
+- 修复 Chrome 下 Tooltip 无法在 disabled 的按钮上使用的问题。 [#4865](https://github.com/ant-design/ant-design/pull/4865)
+- 修复 Tree 节点在拖动时会导致整棵树抖动的问题。 [#4858](https://github.com/ant-design/ant-design/issues/4858)
+- 修复 Upload 上传失败的样式问题。 [#4810](https://github.com/ant-design/ant-design/issues/4810)
+- 修复 `Menu[vertical]` 和 Layout.Sider 配合使用时二级菜单无法弹出的问题。 [#4890](https://github.com/ant-design/ant-design/issues/4890)
+- 优化 Button、`Badge[status=processing]` 的动画。
+
+![Badge animation](https://camo.githubusercontent.com/6874b2333f2fac3fac346404c6e70684e4dafc1a/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f73516b72756c716346734b4e54785158615971512e676966)
+![Button animation](https://camo.githubusercontent.com/3963d12b45de4f522c2799361dbc3177e7bd93d1/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f46624b776d636f766d795364666c557468494e522e676966)
+
 ## 2.7.1
 
 `2017-02-10`
diff --git a/package.json b/package.json
index e00d7d93c4..73a29a4250 100644
--- a/package.json
+++ b/package.json
@@ -87,7 +87,7 @@
     "babel-preset-react": "^6.16.0",
     "babel-preset-stage-0": "^6.16.0",
     "bisheng": "^0.22.0",
-    "bisheng-plugin-antd": "^0.11.0",
+    "bisheng-plugin-antd": "^0.12.0",
     "bisheng-plugin-description": "^0.1.1",
     "bisheng-plugin-react": "^0.5.0",
     "bisheng-plugin-toc": "^0.4.0",

From cad31bd499dcaaa15537e0483e1dcac72973fd44 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Fri, 17 Feb 2017 18:02:58 +0800
Subject: [PATCH 51/88] bump 2.7.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 73a29a4250..92d87816af 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "antd",
-  "version": "2.7.1",
+  "version": "2.7.2",
   "title": "Ant Design",
   "description": "An enterprise-class UI design language and React-based implementation",
   "homepage": "http://ant.design/",

From 8dc73f460172db06bf07cd630f626b8a097c2ca6 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 18 Feb 2017 00:22:38 +0800
Subject: [PATCH 52/88] Fix shake bug fo Button loading with icon, close #4913

---
 components/button/style/index.less | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/button/style/index.less b/components/button/style/index.less
index 0d69260a1f..3b398cebab 100644
--- a/components/button/style/index.less
+++ b/components/button/style/index.less
@@ -82,13 +82,16 @@
     display: block;
   }
 
+  .@{iconfont-css-prefix} {
+    transition: all .3s @ease-in-out;
+  }
+
   &&-loading:not(&-circle):not(&-circle-outline) {
     padding-left: 29px;
     pointer-events: none;
     position: relative;
     .@{iconfont-css-prefix} {
       margin-left: -14px;
-      transition: all .3s @ease-in-out;
     }
   }
 

From bd6bc70302d67e37a78a380dd92dde36f8753ad4 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 18 Feb 2017 14:58:47 +0800
Subject: [PATCH 53/88] Rollback #4869 for better loading animation, close
 #4934

---
 .../__tests__/__snapshots__/demo.test.js.snap |    84 +-
 components/table/Table.tsx                    |    15 +-
 .../__snapshots__/Table.filter.test.js.snap   |   144 +-
 .../Table.pagination.test.js.snap             |   154 +-
 .../__snapshots__/Table.test.js.snap          |   178 +-
 .../__tests__/__snapshots__/demo.test.js.snap | 14512 ++++++++--------
 6 files changed, 7621 insertions(+), 7466 deletions(-)

diff --git a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
index fc2cb83085..b3d81ce1cc 100644
--- a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
@@ -1148,48 +1148,54 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
       <div
         class="">
         <div
-          class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left">
+          class="ant-spin-nested-loading">
           <div
-            class="ant-table-content">
+            class="ant-spin-container">
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col />
-                      <col />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            Name
-                            <i
-                              class="anticon anticon-filter ant-dropdown-trigger"
-                              title="Filter Menu" />
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody" />
-                  </table>
-                </div>
-              </span>
+              class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left">
               <div
-                class="ant-table-placeholder">
-                No Data
+                class="ant-table-content">
+                <div
+                  class="">
+                  <span>
+                    <div
+                      class="ant-table-body">
+                      <table
+                        class="">
+                        <colgroup>
+                          <col />
+                          <col />
+                        </colgroup>
+                        <thead
+                          class="ant-table-thead">
+                          <tr>
+                            <th
+                              class="">
+                              <span>
+                                Name
+                                <i
+                                  class="anticon anticon-filter ant-dropdown-trigger"
+                                  title="Filter Menu" />
+                              </span>
+                            </th>
+                            <th
+                              class="">
+                              <span>
+                                Age
+                              </span>
+                            </th>
+                          </tr>
+                        </thead>
+                        <tbody
+                          class="ant-table-tbody" />
+                      </table>
+                    </div>
+                  </span>
+                  <div
+                    class="ant-table-placeholder">
+                    No Data
+                  </div>
+                </div>
               </div>
             </div>
           </div>
diff --git a/components/table/Table.tsx b/components/table/Table.tsx
index eb49ab8554..58e3b90c9d 100755
--- a/components/table/Table.tsx
+++ b/components/table/Table.tsx
@@ -875,16 +875,15 @@ export default class Table<T> extends React.Component<TableProps<T>, any> {
     const paginationPatchClass = (this.hasPagination() && data && data.length !== 0)
       ? `${prefixCls}-with-pagination` : `${prefixCls}-without-pagination`;
 
-    const tableWithSpin = loading ? (
-      <Spin className={loading ? `${paginationPatchClass} ${prefixCls}-spin-holder` : ''}>
-        {table}
-        {this.renderPagination()}
-      </Spin>
-    ) : [table, this.renderPagination()];
-
     return (
       <div className={className} style={style}>
-        {tableWithSpin}
+        <Spin
+          spinning={loading}
+          className={loading ? `${paginationPatchClass} ${prefixCls}-spin-holder` : ''}
+        >
+          {table}
+          {this.renderPagination()}
+        </Spin>
       </div>
     );
   }
diff --git a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
index 36f540c5b9..f8e9ebc4bd 100644
--- a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
@@ -16,79 +16,85 @@ exports[`Table.filter renders filter correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Name
-                      <i
-                        class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选" />
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Jack
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Lucy
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Tom
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Jerry
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Name
+                          <i
+                            class="anticon anticon-filter ant-dropdown-trigger"
+                            title="筛选" />
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Jack
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Lucy
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Tom
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Jerry
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
     </div>
   </div>
diff --git a/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap b/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
index b1d6a64b0e..7f9cc31abc 100644
--- a/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
@@ -2,86 +2,92 @@ exports[`Table.pagination renders pagination correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Name
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Jack
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Lucy
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Name
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Jack
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Lucy
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-2"
+          title="2">
+          <a>
+            2
+          </a>
+        </li>
+        <li
+          class=" ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-2"
-      title="2">
-      <a>
-        2
-      </a>
-    </li>
-    <li
-      class=" ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
diff --git a/components/table/__tests__/__snapshots__/Table.test.js.snap b/components/table/__tests__/__snapshots__/Table.test.js.snap
index 3e637c0346..8d4fc3e352 100644
--- a/components/table/__tests__/__snapshots__/Table.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.test.js.snap
@@ -2,96 +2,102 @@ exports[`Table renders JSX correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col />
-                <col />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class=""
-                    colspan="2">
-                    <span>
-                      Name
-                    </span>
-                  </th>
-                  <th
-                    class=""
-                    rowspan="2">
-                    <span>
-                      Age
-                    </span>
-                  </th>
-                </tr>
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      First Name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Last Name
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John
-                  </td>
-                  <td
-                    class="">
-                    Brown
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Jim
-                  </td>
-                  <td
-                    class="">
-                    Green
-                  </td>
-                  <td
-                    class="">
-                    42
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class=""
+                        colspan="2">
+                        <span>
+                          Name
+                        </span>
+                      </th>
+                      <th
+                        class=""
+                        rowspan="2">
+                        <span>
+                          Age
+                        </span>
+                      </th>
+                    </tr>
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          First Name
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Last Name
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John
+                      </td>
+                      <td
+                        class="">
+                        Brown
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Jim
+                      </td>
+                      <td
+                        class="">
+                        Green
+                      </td>
+                      <td
+                        class="">
+                        42
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
     </div>
   </div>
diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index f06d3b70fd..0da7c20948 100644
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -2,76 +2,82 @@ exports[`test renders ./components/table/demo/ajax.md correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
-          <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col
-                  style="width:20%;min-width:20%;" />
-                <col
-                  style="width:20%;min-width:20%;" />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Name
-                      <div
-                        class="ant-table-column-sorter">
-                        <span
-                          class="ant-table-column-sorter-up off"
-                          title="↑">
-                          <i
-                            class="anticon anticon-caret-up" />
-                        </span>
-                        <span
-                          class="ant-table-column-sorter-down off"
-                          title="↓">
-                          <i
-                            class="anticon anticon-caret-down" />
-                        </span>
-                      </div>
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Gender
-                      <i
-                        class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选" />
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Email
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody" />
-            </table>
-          </div>
-        </span>
+        class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left">
         <div
-          class="ant-table-placeholder">
-          <span>
-            <i
-              class="anticon anticon-frown-o" />
-            暂无数据
-          </span>
+          class="ant-table-content">
+          <div
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col
+                      style="width:20%;min-width:20%;" />
+                    <col
+                      style="width:20%;min-width:20%;" />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Name
+                          <div
+                            class="ant-table-column-sorter">
+                            <span
+                              class="ant-table-column-sorter-up off"
+                              title="↑">
+                              <i
+                                class="anticon anticon-caret-up" />
+                            </span>
+                            <span
+                              class="ant-table-column-sorter-down off"
+                              title="↓">
+                              <i
+                                class="anticon anticon-caret-down" />
+                            </span>
+                          </div>
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Gender
+                          <i
+                            class="anticon anticon-filter ant-dropdown-trigger"
+                            title="筛选" />
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Email
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody" />
+                </table>
+              </div>
+            </span>
+            <div
+              class="ant-table-placeholder">
+              <span>
+                <i
+                  class="anticon anticon-frown-o" />
+                暂无数据
+              </span>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -83,216 +89,222 @@ exports[`test renders ./components/table/demo/basic.md correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col />
-                <col />
-                <col />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Age
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Address
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Action
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      John Brown
-                    </a>
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    New York No. 1 Lake Park
-                  </td>
-                  <td
-                    class="">
-                    <span>
-                      <a
-                        href="#">
-                        Action 一 John Brown
-                      </a>
-                      <span
-                        class="ant-divider" />
-                      <a
-                        href="#">
-                        Delete
-                      </a>
-                      <span
-                        class="ant-divider" />
-                      <a
-                        class="ant-dropdown-link"
-                        href="#">
-                        More actions 
-                        <i
-                          class="anticon anticon-down" />
-                      </a>
-                    </span>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      Jim Green
-                    </a>
-                  </td>
-                  <td
-                    class="">
-                    42
-                  </td>
-                  <td
-                    class="">
-                    London No. 1 Lake Park
-                  </td>
-                  <td
-                    class="">
-                    <span>
-                      <a
-                        href="#">
-                        Action 一 Jim Green
-                      </a>
-                      <span
-                        class="ant-divider" />
-                      <a
-                        href="#">
-                        Delete
-                      </a>
-                      <span
-                        class="ant-divider" />
-                      <a
-                        class="ant-dropdown-link"
-                        href="#">
-                        More actions 
-                        <i
-                          class="anticon anticon-down" />
-                      </a>
-                    </span>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      Joe Black
-                    </a>
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    Sidney No. 1 Lake Park
-                  </td>
-                  <td
-                    class="">
-                    <span>
-                      <a
-                        href="#">
-                        Action 一 Joe Black
-                      </a>
-                      <span
-                        class="ant-divider" />
-                      <a
-                        href="#">
-                        Delete
-                      </a>
-                      <span
-                        class="ant-divider" />
-                      <a
-                        class="ant-dropdown-link"
-                        href="#">
-                        More actions 
-                        <i
-                          class="anticon anticon-down" />
-                      </a>
-                    </span>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Name
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Age
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Address
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Action
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          John Brown
+                        </a>
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        New York No. 1 Lake Park
+                      </td>
+                      <td
+                        class="">
+                        <span>
+                          <a
+                            href="#">
+                            Action 一 John Brown
+                          </a>
+                          <span
+                            class="ant-divider" />
+                          <a
+                            href="#">
+                            Delete
+                          </a>
+                          <span
+                            class="ant-divider" />
+                          <a
+                            class="ant-dropdown-link"
+                            href="#">
+                            More actions 
+                            <i
+                              class="anticon anticon-down" />
+                          </a>
+                        </span>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          Jim Green
+                        </a>
+                      </td>
+                      <td
+                        class="">
+                        42
+                      </td>
+                      <td
+                        class="">
+                        London No. 1 Lake Park
+                      </td>
+                      <td
+                        class="">
+                        <span>
+                          <a
+                            href="#">
+                            Action 一 Jim Green
+                          </a>
+                          <span
+                            class="ant-divider" />
+                          <a
+                            href="#">
+                            Delete
+                          </a>
+                          <span
+                            class="ant-divider" />
+                          <a
+                            class="ant-dropdown-link"
+                            href="#">
+                            More actions 
+                            <i
+                              class="anticon anticon-down" />
+                          </a>
+                        </span>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          Joe Black
+                        </a>
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        Sidney No. 1 Lake Park
+                      </td>
+                      <td
+                        class="">
+                        <span>
+                          <a
+                            href="#">
+                            Action 一 Joe Black
+                          </a>
+                          <span
+                            class="ant-divider" />
+                          <a
+                            href="#">
+                            Delete
+                          </a>
+                          <span
+                            class="ant-divider" />
+                          <a
+                            class="ant-dropdown-link"
+                            href="#">
+                            More actions 
+                            <i
+                              class="anticon anticon-down" />
+                          </a>
+                        </span>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-disabled ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-disabled ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -300,145 +312,151 @@ exports[`test renders ./components/table/demo/bordered.md correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-title">
-      Header
-    </div>
-    <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
-          <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col />
-                <col />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Name
-                    </span>
-                  </th>
-                  <th
-                    class="column-money">
-                    <span>
-                      Cash Assets
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Address
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      John Brown
-                    </a>
-                  </td>
-                  <td
-                    class="column-money">
-                    ￥300,000.00
-                  </td>
-                  <td
-                    class="">
-                    New York No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      Jim Green
-                    </a>
-                  </td>
-                  <td
-                    class="column-money">
-                    ￥1,256,000.00
-                  </td>
-                  <td
-                    class="">
-                    London No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      Joe Black
-                    </a>
-                  </td>
-                  <td
-                    class="column-money">
-                    ￥120,000.00
-                  </td>
-                  <td
-                    class="">
-                    Sidney No. 1 Lake Park
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </span>
+        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
         <div
-          class="ant-table-footer">
-          Footer
+          class="ant-table-title">
+          Header
+        </div>
+        <div
+          class="ant-table-content">
+          <div
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Name
+                        </span>
+                      </th>
+                      <th
+                        class="column-money">
+                        <span>
+                          Cash Assets
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Address
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          John Brown
+                        </a>
+                      </td>
+                      <td
+                        class="column-money">
+                        ￥300,000.00
+                      </td>
+                      <td
+                        class="">
+                        New York No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          Jim Green
+                        </a>
+                      </td>
+                      <td
+                        class="column-money">
+                        ￥1,256,000.00
+                      </td>
+                      <td
+                        class="">
+                        London No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          Joe Black
+                        </a>
+                      </td>
+                      <td
+                        class="column-money">
+                        ￥120,000.00
+                      </td>
+                      <td
+                        class="">
+                        Sidney No. 1 Lake Park
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
+            <div
+              class="ant-table-footer">
+              Footer
+            </div>
+          </div>
         </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-disabled ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-disabled ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -446,210 +464,216 @@ exports[`test renders ./components/table/demo/colspan-rowspan.md correctly 1`] =
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col />
-                <col />
-                <col />
-                <col />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Age
-                    </span>
-                  </th>
-                  <th
-                    class=""
-                    colspan="2">
-                    <span>
-                      Home phone
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Address
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      John Brown
-                    </a>
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    0571-22098909
-                  </td>
-                  <td
-                    class="">
-                    18889898989
-                  </td>
-                  <td
-                    class="">
-                    New York No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      Jim Green
-                    </a>
-                  </td>
-                  <td
-                    class="">
-                    42
-                  </td>
-                  <td
-                    class="">
-                    0571-22098333
-                  </td>
-                  <td
-                    class="">
-                    18889898888
-                  </td>
-                  <td
-                    class="">
-                    London No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      Joe Black
-                    </a>
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class=""
-                    rowspan="2">
-                    0575-22098909
-                  </td>
-                  <td
-                    class="">
-                    18900010002
-                  </td>
-                  <td
-                    class="">
-                    Sidney No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      Jim Red
-                    </a>
-                  </td>
-                  <td
-                    class="">
-                    18
-                  </td>
-                  <td
-                    class="">
-                    18900010002
-                  </td>
-                  <td
-                    class="">
-                    London No. 2 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class=""
-                    colspan="5">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      Jake White
-                    </a>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Name
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Age
+                        </span>
+                      </th>
+                      <th
+                        class=""
+                        colspan="2">
+                        <span>
+                          Home phone
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Address
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          John Brown
+                        </a>
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        0571-22098909
+                      </td>
+                      <td
+                        class="">
+                        18889898989
+                      </td>
+                      <td
+                        class="">
+                        New York No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          Jim Green
+                        </a>
+                      </td>
+                      <td
+                        class="">
+                        42
+                      </td>
+                      <td
+                        class="">
+                        0571-22098333
+                      </td>
+                      <td
+                        class="">
+                        18889898888
+                      </td>
+                      <td
+                        class="">
+                        London No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          Joe Black
+                        </a>
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class=""
+                        rowspan="2">
+                        0575-22098909
+                      </td>
+                      <td
+                        class="">
+                        18900010002
+                      </td>
+                      <td
+                        class="">
+                        Sidney No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          Jim Red
+                        </a>
+                      </td>
+                      <td
+                        class="">
+                        18
+                      </td>
+                      <td
+                        class="">
+                        18900010002
+                      </td>
+                      <td
+                        class="">
+                        London No. 2 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class=""
+                        colspan="5">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          Jake White
+                        </a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-disabled ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-disabled ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -657,149 +681,155 @@ exports[`test renders ./components/table/demo/custom-filter-panel.md correctly 1
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col />
-                <col />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Name
-                      <i
-                        class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选" />
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Age
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Address
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    New York No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Jim Green
-                  </td>
-                  <td
-                    class="">
-                    42
-                  </td>
-                  <td
-                    class="">
-                    London No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Joe Black
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    Sidney No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Jim Red
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London No. 2 Lake Park
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Name
+                          <i
+                            class="anticon anticon-filter ant-dropdown-trigger"
+                            title="筛选" />
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Age
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Address
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        New York No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Jim Green
+                      </td>
+                      <td
+                        class="">
+                        42
+                      </td>
+                      <td
+                        class="">
+                        London No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Joe Black
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        Sidney No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Jim Red
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London No. 2 Lake Park
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-disabled ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-disabled ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -1080,745 +1110,751 @@ exports[`test renders ./components/table/demo/dynamic-settings.md correctly 1`]
   <div
     class="">
     <div
-      class="ant-table ant-table-default ant-table-scroll-position-left">
+      class="ant-spin-nested-loading">
       <div
-        class="ant-table-title">
-        Here is title
-      </div>
-      <div
-        class="ant-table-content">
+        class="ant-spin-container">
         <div
-          class="">
-          <span>
-            <div
-              class="ant-table-body">
-              <table
-                class="">
-                <colgroup>
-                  <col
-                    class="ant-table-expand-icon-col" />
-                  <col />
-                  <col
-                    style="width:150px;min-width:150px;" />
-                  <col
-                    style="width:70px;min-width:70px;" />
-                  <col />
-                  <col
-                    style="width:360px;min-width:360px;" />
-                </colgroup>
-                <thead
-                  class="ant-table-thead">
-                  <tr>
-                    <th
-                      class="ant-table-expand-icon-th"
-                      rowspan="1"
-                      title="" />
-                    <th
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
-                          </span>
-                        </label>
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Name
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Age
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Address
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Action
-                      </span>
-                    </th>
-                  </tr>
-                </thead>
-                <tbody
-                  class="ant-table-tbody">
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-row-expand-icon-cell">
-                      <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    </td>
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
-                          </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        John Brown
-                      </a>
-                    </td>
-                    <td
-                      class="">
-                      12
-                    </td>
-                    <td
-                      class="">
-                      New York No. 1 Lake Park
-                    </td>
-                    <td
-                      class="">
-                      <span>
-                        <a
-                          href="#">
-                          Action 一 John Brown
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          class="ant-dropdown-link"
-                          href="#">
-                          More actions 
-                          <i
-                            class="anticon anticon-down" />
-                        </a>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-row-expand-icon-cell">
-                      <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    </td>
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
-                          </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        John Brown
-                      </a>
-                    </td>
-                    <td
-                      class="">
-                      22
-                    </td>
-                    <td
-                      class="">
-                      New York No. 2 Lake Park
-                    </td>
-                    <td
-                      class="">
-                      <span>
-                        <a
-                          href="#">
-                          Action 一 John Brown
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          class="ant-dropdown-link"
-                          href="#">
-                          More actions 
-                          <i
-                            class="anticon anticon-down" />
-                        </a>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-row-expand-icon-cell">
-                      <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    </td>
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
-                          </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        John Brown
-                      </a>
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      New York No. 3 Lake Park
-                    </td>
-                    <td
-                      class="">
-                      <span>
-                        <a
-                          href="#">
-                          Action 一 John Brown
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          class="ant-dropdown-link"
-                          href="#">
-                          More actions 
-                          <i
-                            class="anticon anticon-down" />
-                        </a>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-row-expand-icon-cell">
-                      <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    </td>
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
-                          </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        John Brown
-                      </a>
-                    </td>
-                    <td
-                      class="">
-                      42
-                    </td>
-                    <td
-                      class="">
-                      New York No. 4 Lake Park
-                    </td>
-                    <td
-                      class="">
-                      <span>
-                        <a
-                          href="#">
-                          Action 一 John Brown
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          class="ant-dropdown-link"
-                          href="#">
-                          More actions 
-                          <i
-                            class="anticon anticon-down" />
-                        </a>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-row-expand-icon-cell">
-                      <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    </td>
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
-                          </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        John Brown
-                      </a>
-                    </td>
-                    <td
-                      class="">
-                      52
-                    </td>
-                    <td
-                      class="">
-                      New York No. 5 Lake Park
-                    </td>
-                    <td
-                      class="">
-                      <span>
-                        <a
-                          href="#">
-                          Action 一 John Brown
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          class="ant-dropdown-link"
-                          href="#">
-                          More actions 
-                          <i
-                            class="anticon anticon-down" />
-                        </a>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-row-expand-icon-cell">
-                      <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    </td>
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
-                          </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        John Brown
-                      </a>
-                    </td>
-                    <td
-                      class="">
-                      62
-                    </td>
-                    <td
-                      class="">
-                      New York No. 6 Lake Park
-                    </td>
-                    <td
-                      class="">
-                      <span>
-                        <a
-                          href="#">
-                          Action 一 John Brown
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          class="ant-dropdown-link"
-                          href="#">
-                          More actions 
-                          <i
-                            class="anticon anticon-down" />
-                        </a>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-row-expand-icon-cell">
-                      <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    </td>
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
-                          </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        John Brown
-                      </a>
-                    </td>
-                    <td
-                      class="">
-                      72
-                    </td>
-                    <td
-                      class="">
-                      New York No. 7 Lake Park
-                    </td>
-                    <td
-                      class="">
-                      <span>
-                        <a
-                          href="#">
-                          Action 一 John Brown
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          class="ant-dropdown-link"
-                          href="#">
-                          More actions 
-                          <i
-                            class="anticon anticon-down" />
-                        </a>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-row-expand-icon-cell">
-                      <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    </td>
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
-                          </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        John Brown
-                      </a>
-                    </td>
-                    <td
-                      class="">
-                      82
-                    </td>
-                    <td
-                      class="">
-                      New York No. 8 Lake Park
-                    </td>
-                    <td
-                      class="">
-                      <span>
-                        <a
-                          href="#">
-                          Action 一 John Brown
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          class="ant-dropdown-link"
-                          href="#">
-                          More actions 
-                          <i
-                            class="anticon anticon-down" />
-                        </a>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-row-expand-icon-cell">
-                      <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    </td>
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
-                          </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        John Brown
-                      </a>
-                    </td>
-                    <td
-                      class="">
-                      92
-                    </td>
-                    <td
-                      class="">
-                      New York No. 9 Lake Park
-                    </td>
-                    <td
-                      class="">
-                      <span>
-                        <a
-                          href="#">
-                          Action 一 John Brown
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          class="ant-dropdown-link"
-                          href="#">
-                          More actions 
-                          <i
-                            class="anticon anticon-down" />
-                        </a>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-row-expand-icon-cell">
-                      <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    </td>
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
-                          </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        John Brown
-                      </a>
-                    </td>
-                    <td
-                      class="">
-                      102
-                    </td>
-                    <td
-                      class="">
-                      New York No. 10 Lake Park
-                    </td>
-                    <td
-                      class="">
-                      <span>
-                        <a
-                          href="#">
-                          Action 一 John Brown
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                        <span
-                          class="ant-divider" />
-                        <a
-                          class="ant-dropdown-link"
-                          href="#">
-                          More actions 
-                          <i
-                            class="anticon anticon-down" />
-                        </a>
-                      </span>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </span>
+          class="ant-table ant-table-default ant-table-scroll-position-left">
           <div
-            class="ant-table-footer">
-            Here is footer
+            class="ant-table-title">
+            Here is title
+          </div>
+          <div
+            class="ant-table-content">
+            <div
+              class="">
+              <span>
+                <div
+                  class="ant-table-body">
+                  <table
+                    class="">
+                    <colgroup>
+                      <col
+                        class="ant-table-expand-icon-col" />
+                      <col />
+                      <col
+                        style="width:150px;min-width:150px;" />
+                      <col
+                        style="width:70px;min-width:70px;" />
+                      <col />
+                      <col
+                        style="width:360px;min-width:360px;" />
+                    </colgroup>
+                    <thead
+                      class="ant-table-thead">
+                      <tr>
+                        <th
+                          class="ant-table-expand-icon-th"
+                          rowspan="1"
+                          title="" />
+                        <th
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Name
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Age
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Address
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Action
+                          </span>
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody
+                      class="ant-table-tbody">
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-row-expand-icon-cell">
+                          <span
+                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        </td>
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            John Brown
+                          </a>
+                        </td>
+                        <td
+                          class="">
+                          12
+                        </td>
+                        <td
+                          class="">
+                          New York No. 1 Lake Park
+                        </td>
+                        <td
+                          class="">
+                          <span>
+                            <a
+                              href="#">
+                              Action 一 John Brown
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              href="#">
+                              Delete
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              class="ant-dropdown-link"
+                              href="#">
+                              More actions 
+                              <i
+                                class="anticon anticon-down" />
+                            </a>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-row-expand-icon-cell">
+                          <span
+                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        </td>
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            John Brown
+                          </a>
+                        </td>
+                        <td
+                          class="">
+                          22
+                        </td>
+                        <td
+                          class="">
+                          New York No. 2 Lake Park
+                        </td>
+                        <td
+                          class="">
+                          <span>
+                            <a
+                              href="#">
+                              Action 一 John Brown
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              href="#">
+                              Delete
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              class="ant-dropdown-link"
+                              href="#">
+                              More actions 
+                              <i
+                                class="anticon anticon-down" />
+                            </a>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-row-expand-icon-cell">
+                          <span
+                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        </td>
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            John Brown
+                          </a>
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          New York No. 3 Lake Park
+                        </td>
+                        <td
+                          class="">
+                          <span>
+                            <a
+                              href="#">
+                              Action 一 John Brown
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              href="#">
+                              Delete
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              class="ant-dropdown-link"
+                              href="#">
+                              More actions 
+                              <i
+                                class="anticon anticon-down" />
+                            </a>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-row-expand-icon-cell">
+                          <span
+                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        </td>
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            John Brown
+                          </a>
+                        </td>
+                        <td
+                          class="">
+                          42
+                        </td>
+                        <td
+                          class="">
+                          New York No. 4 Lake Park
+                        </td>
+                        <td
+                          class="">
+                          <span>
+                            <a
+                              href="#">
+                              Action 一 John Brown
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              href="#">
+                              Delete
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              class="ant-dropdown-link"
+                              href="#">
+                              More actions 
+                              <i
+                                class="anticon anticon-down" />
+                            </a>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-row-expand-icon-cell">
+                          <span
+                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        </td>
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            John Brown
+                          </a>
+                        </td>
+                        <td
+                          class="">
+                          52
+                        </td>
+                        <td
+                          class="">
+                          New York No. 5 Lake Park
+                        </td>
+                        <td
+                          class="">
+                          <span>
+                            <a
+                              href="#">
+                              Action 一 John Brown
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              href="#">
+                              Delete
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              class="ant-dropdown-link"
+                              href="#">
+                              More actions 
+                              <i
+                                class="anticon anticon-down" />
+                            </a>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-row-expand-icon-cell">
+                          <span
+                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        </td>
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            John Brown
+                          </a>
+                        </td>
+                        <td
+                          class="">
+                          62
+                        </td>
+                        <td
+                          class="">
+                          New York No. 6 Lake Park
+                        </td>
+                        <td
+                          class="">
+                          <span>
+                            <a
+                              href="#">
+                              Action 一 John Brown
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              href="#">
+                              Delete
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              class="ant-dropdown-link"
+                              href="#">
+                              More actions 
+                              <i
+                                class="anticon anticon-down" />
+                            </a>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-row-expand-icon-cell">
+                          <span
+                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        </td>
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            John Brown
+                          </a>
+                        </td>
+                        <td
+                          class="">
+                          72
+                        </td>
+                        <td
+                          class="">
+                          New York No. 7 Lake Park
+                        </td>
+                        <td
+                          class="">
+                          <span>
+                            <a
+                              href="#">
+                              Action 一 John Brown
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              href="#">
+                              Delete
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              class="ant-dropdown-link"
+                              href="#">
+                              More actions 
+                              <i
+                                class="anticon anticon-down" />
+                            </a>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-row-expand-icon-cell">
+                          <span
+                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        </td>
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            John Brown
+                          </a>
+                        </td>
+                        <td
+                          class="">
+                          82
+                        </td>
+                        <td
+                          class="">
+                          New York No. 8 Lake Park
+                        </td>
+                        <td
+                          class="">
+                          <span>
+                            <a
+                              href="#">
+                              Action 一 John Brown
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              href="#">
+                              Delete
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              class="ant-dropdown-link"
+                              href="#">
+                              More actions 
+                              <i
+                                class="anticon anticon-down" />
+                            </a>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-row-expand-icon-cell">
+                          <span
+                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        </td>
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            John Brown
+                          </a>
+                        </td>
+                        <td
+                          class="">
+                          92
+                        </td>
+                        <td
+                          class="">
+                          New York No. 9 Lake Park
+                        </td>
+                        <td
+                          class="">
+                          <span>
+                            <a
+                              href="#">
+                              Action 一 John Brown
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              href="#">
+                              Delete
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              class="ant-dropdown-link"
+                              href="#">
+                              More actions 
+                              <i
+                                class="anticon anticon-down" />
+                            </a>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-row-expand-icon-cell">
+                          <span
+                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        </td>
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            John Brown
+                          </a>
+                        </td>
+                        <td
+                          class="">
+                          102
+                        </td>
+                        <td
+                          class="">
+                          New York No. 10 Lake Park
+                        </td>
+                        <td
+                          class="">
+                          <span>
+                            <a
+                              href="#">
+                              Action 一 John Brown
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              href="#">
+                              Delete
+                            </a>
+                            <span
+                              class="ant-divider" />
+                            <a
+                              class="ant-dropdown-link"
+                              href="#">
+                              More actions 
+                              <i
+                                class="anticon anticon-down" />
+                            </a>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </span>
+              <div
+                class="ant-table-footer">
+                Here is footer
+              </div>
+            </div>
           </div>
         </div>
+        <ul
+          class="ant-pagination ant-table-pagination"
+          unselectable="unselectable">
+          <li
+            class="ant-pagination-disabled ant-pagination-prev"
+            title="上一页">
+            <a />
+          </li>
+          <li
+            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+            title="1">
+            <a>
+              1
+            </a>
+          </li>
+          <li
+            class="ant-pagination-disabled ant-pagination-next"
+            title="下一页">
+            <a />
+          </li>
+        </ul>
       </div>
     </div>
-    <ul
-      class="ant-pagination ant-table-pagination"
-      unselectable="unselectable">
-      <li
-        class="ant-pagination-disabled ant-pagination-prev"
-        title="上一页">
-        <a />
-      </li>
-      <li
-        class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-        title="1">
-        <a>
-          1
-        </a>
-      </li>
-      <li
-        class="ant-pagination-disabled ant-pagination-next"
-        title="下一页">
-        <a />
-      </li>
-    </ul>
   </div>
 </div>
 `;
@@ -1835,148 +1871,154 @@ exports[`test renders ./components/table/demo/edit-cell.md correctly 1`] = `
   <div
     class="">
     <div
-      class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
+      class="ant-spin-nested-loading">
       <div
-        class="ant-table-content">
+        class="ant-spin-container">
         <div
-          class="">
-          <span>
+          class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
+          <div
+            class="ant-table-content">
             <div
-              class="ant-table-body">
-              <table
-                class="">
-                <colgroup>
-                  <col
-                    style="width:30%;min-width:30%;" />
-                  <col />
-                  <col />
-                  <col />
-                </colgroup>
-                <thead
-                  class="ant-table-thead">
-                  <tr>
-                    <th
-                      class="">
-                      <span>
-                        name
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        age
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        address
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        operation
-                      </span>
-                    </th>
-                  </tr>
-                </thead>
-                <tbody
-                  class="ant-table-tbody">
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      <div
-                        class="editable-cell">
-                        <div
-                          class="editable-cell-text-wrapper">
-                          Edward King 0
-                          <i
-                            class="anticon anticon-edit editable-cell-icon" />
-                        </div>
-                      </div>
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London, Park Lane no. 0
-                    </td>
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        Delete
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      <div
-                        class="editable-cell">
-                        <div
-                          class="editable-cell-text-wrapper">
-                          Edward King 1
-                          <i
-                            class="anticon anticon-edit editable-cell-icon" />
-                        </div>
-                      </div>
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London, Park Lane no. 1
-                    </td>
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        Delete
-                      </a>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
+              class="">
+              <span>
+                <div
+                  class="ant-table-body">
+                  <table
+                    class="">
+                    <colgroup>
+                      <col
+                        style="width:30%;min-width:30%;" />
+                      <col />
+                      <col />
+                      <col />
+                    </colgroup>
+                    <thead
+                      class="ant-table-thead">
+                      <tr>
+                        <th
+                          class="">
+                          <span>
+                            name
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            age
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            address
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            operation
+                          </span>
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody
+                      class="ant-table-tbody">
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          <div
+                            class="editable-cell">
+                            <div
+                              class="editable-cell-text-wrapper">
+                              Edward King 0
+                              <i
+                                class="anticon anticon-edit editable-cell-icon" />
+                            </div>
+                          </div>
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London, Park Lane no. 0
+                        </td>
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            Delete
+                          </a>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          <div
+                            class="editable-cell">
+                            <div
+                              class="editable-cell-text-wrapper">
+                              Edward King 1
+                              <i
+                                class="anticon anticon-edit editable-cell-icon" />
+                            </div>
+                          </div>
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London, Park Lane no. 1
+                        </td>
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            Delete
+                          </a>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </span>
             </div>
-          </span>
+          </div>
         </div>
+        <ul
+          class="ant-pagination ant-table-pagination"
+          unselectable="unselectable">
+          <li
+            class="ant-pagination-disabled ant-pagination-prev"
+            title="上一页">
+            <a />
+          </li>
+          <li
+            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+            title="1">
+            <a>
+              1
+            </a>
+          </li>
+          <li
+            class="ant-pagination-disabled ant-pagination-next"
+            title="下一页">
+            <a />
+          </li>
+        </ul>
       </div>
     </div>
-    <ul
-      class="ant-pagination ant-table-pagination"
-      unselectable="unselectable">
-      <li
-        class="ant-pagination-disabled ant-pagination-prev"
-        title="上一页">
-        <a />
-      </li>
-      <li
-        class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-        title="1">
-        <a>
-          1
-        </a>
-      </li>
-      <li
-        class="ant-pagination-disabled ant-pagination-next"
-        title="下一页">
-        <a />
-      </li>
-    </ul>
   </div>
 </div>
 `;
@@ -1985,123 +2027,129 @@ exports[`test renders ./components/table/demo/edit-row.md correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col
-                  style="width:25%;min-width:25%;" />
-                <col
-                  style="width:15%;min-width:15%;" />
-                <col
-                  style="width:40%;min-width:40%;" />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      age
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      address
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      operation
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <div>
-                      <div
-                        class="editable-row-text">
-                        Edward King 0
-                      </div>
-                    </div>
-                  </td>
-                  <td
-                    class="">
-                    <div>
-                      <div
-                        class="editable-row-text">
-                        32
-                      </div>
-                    </div>
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 0
-                  </td>
-                  <td
-                    class="">
-                    <div
-                      class="editable-row-operations">
-                      <span>
-                        <a>
-                          Edit
-                        </a>
-                      </span>
-                    </div>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col
+                      style="width:25%;min-width:25%;" />
+                    <col
+                      style="width:15%;min-width:15%;" />
+                    <col
+                      style="width:40%;min-width:40%;" />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          name
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          age
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          address
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          operation
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <div>
+                          <div
+                            class="editable-row-text">
+                            Edward King 0
+                          </div>
+                        </div>
+                      </td>
+                      <td
+                        class="">
+                        <div>
+                          <div
+                            class="editable-row-text">
+                            32
+                          </div>
+                        </div>
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 0
+                      </td>
+                      <td
+                        class="">
+                        <div
+                          class="editable-row-operations">
+                          <span>
+                            <a>
+                              Edit
+                            </a>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-disabled ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-disabled ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -2109,168 +2157,174 @@ exports[`test renders ./components/table/demo/expand.md correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col
-                  class="ant-table-expand-icon-col" />
-                <col />
-                <col />
-                <col />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="ant-table-expand-icon-th"
-                    rowspan="1"
-                    title="" />
-                  <th
-                    class="">
-                    <span>
-                      Name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Age
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Address
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Action
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="ant-table-row-expand-icon-cell">
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                  </td>
-                  <td
-                    class="">
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    New York No. 1 Lake Park
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      Delete
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="ant-table-row-expand-icon-cell">
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                  </td>
-                  <td
-                    class="">
-                    Jim Green
-                  </td>
-                  <td
-                    class="">
-                    42
-                  </td>
-                  <td
-                    class="">
-                    London No. 1 Lake Park
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      Delete
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="ant-table-row-expand-icon-cell">
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                  </td>
-                  <td
-                    class="">
-                    Joe Black
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    Sidney No. 1 Lake Park
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      Delete
-                    </a>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col
+                      class="ant-table-expand-icon-col" />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="ant-table-expand-icon-th"
+                        rowspan="1"
+                        title="" />
+                      <th
+                        class="">
+                        <span>
+                          Name
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Age
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Address
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Action
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="ant-table-row-expand-icon-cell">
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      </td>
+                      <td
+                        class="">
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        New York No. 1 Lake Park
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="ant-table-row-expand-icon-cell">
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      </td>
+                      <td
+                        class="">
+                        Jim Green
+                      </td>
+                      <td
+                        class="">
+                        42
+                      </td>
+                      <td
+                        class="">
+                        London No. 1 Lake Park
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="ant-table-row-expand-icon-cell">
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      </td>
+                      <td
+                        class="">
+                        Joe Black
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        Sidney No. 1 Lake Park
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-disabled ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-disabled ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -2278,424 +2332,430 @@ exports[`test renders ./components/table/demo/expand-children.md correctly 1`] =
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col />
-                <col
-                  style="width:40%;min-width:40%;" />
-                <col
-                  style="width:30%;min-width:30%;" />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
-                        <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col />
+                    <col
+                      style="width:40%;min-width:40%;" />
+                    <col
+                      style="width:30%;min-width:30%;" />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
                         </span>
-                      </label>
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Age
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Address
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
-                        <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Name
                         </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    John Brown sr.
-                  </td>
-                  <td
-                    class="">
-                    60
-                  </td>
-                  <td
-                    class="">
-                    New York No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-1"
-                  style="display:none;">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
-                        <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Age
                         </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-1"
-                      style="padding-left:20px;" />
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-spaced" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    42
-                  </td>
-                  <td
-                    class="">
-                    New York No. 2 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-1"
-                  style="display:none;">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
-                        <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Address
                         </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-1"
-                      style="padding-left:20px;" />
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    John Brown jr.
-                  </td>
-                  <td
-                    class="">
-                    30
-                  </td>
-                  <td
-                    class="">
-                    New York No. 3 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-2"
-                  style="display:none;">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
-                        <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
                         </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-2"
-                      style="padding-left:40px;" />
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-spaced" />
-                    Jimmy Brown
-                  </td>
-                  <td
-                    class="">
-                    16
-                  </td>
-                  <td
-                    class="">
-                    New York No. 3 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-1"
-                  style="display:none;">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
+                      </td>
+                      <td
+                        class="">
                         <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
-                        </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-1"
-                      style="padding-left:20px;" />
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    Jim Green sr.
-                  </td>
-                  <td
-                    class="">
-                    72
-                  </td>
-                  <td
-                    class="">
-                    London No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-2"
-                  style="display:none;">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
                         <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        John Brown sr.
+                      </td>
+                      <td
+                        class="">
+                        60
+                      </td>
+                      <td
+                        class="">
+                        New York No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-1"
+                      style="display:none;">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
                         </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-2"
-                      style="padding-left:40px;" />
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                    Jim Green
-                  </td>
-                  <td
-                    class="">
-                    42
-                  </td>
-                  <td
-                    class="">
-                    London No. 2 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-3"
-                  style="display:none;">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
+                      </td>
+                      <td
+                        class="">
                         <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
-                        </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-3"
-                      style="padding-left:60px;" />
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-spaced" />
-                    Jim Green jr.
-                  </td>
-                  <td
-                    class="">
-                    25
-                  </td>
-                  <td
-                    class="">
-                    London No. 3 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-3"
-                  style="display:none;">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
+                          class="ant-table-row-indent indent-level-1"
+                          style="padding-left:20px;" />
                         <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
+                          class="ant-table-row-expand-icon ant-table-row-spaced" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        42
+                      </td>
+                      <td
+                        class="">
+                        New York No. 2 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-1"
+                      style="display:none;">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
                         </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-3"
-                      style="padding-left:60px;" />
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-spaced" />
-                    Jimmy Green sr.
-                  </td>
-                  <td
-                    class="">
-                    18
-                  </td>
-                  <td
-                    class="">
-                    London No. 4 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
+                      </td>
+                      <td
+                        class="">
                         <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
+                          class="ant-table-row-indent indent-level-1"
+                          style="padding-left:20px;" />
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        John Brown jr.
+                      </td>
+                      <td
+                        class="">
+                        30
+                      </td>
+                      <td
+                        class="">
+                        New York No. 3 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-2"
+                      style="display:none;">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
                         </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-spaced" />
-                    Joe Black
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    Sidney No. 1 Lake Park
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+                      </td>
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-2"
+                          style="padding-left:40px;" />
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-spaced" />
+                        Jimmy Brown
+                      </td>
+                      <td
+                        class="">
+                        16
+                      </td>
+                      <td
+                        class="">
+                        New York No. 3 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-1"
+                      style="display:none;">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
+                        </span>
+                      </td>
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-1"
+                          style="padding-left:20px;" />
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        Jim Green sr.
+                      </td>
+                      <td
+                        class="">
+                        72
+                      </td>
+                      <td
+                        class="">
+                        London No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-2"
+                      style="display:none;">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
+                        </span>
+                      </td>
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-2"
+                          style="padding-left:40px;" />
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        Jim Green
+                      </td>
+                      <td
+                        class="">
+                        42
+                      </td>
+                      <td
+                        class="">
+                        London No. 2 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-3"
+                      style="display:none;">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
+                        </span>
+                      </td>
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-3"
+                          style="padding-left:60px;" />
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-spaced" />
+                        Jim Green jr.
+                      </td>
+                      <td
+                        class="">
+                        25
+                      </td>
+                      <td
+                        class="">
+                        London No. 3 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-3"
+                      style="display:none;">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
+                        </span>
+                      </td>
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-3"
+                          style="padding-left:60px;" />
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-spaced" />
+                        Jimmy Green sr.
+                      </td>
+                      <td
+                        class="">
+                        18
+                      </td>
+                      <td
+                        class="">
+                        London No. 4 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
+                        </span>
+                      </td>
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-spaced" />
+                        Joe Black
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        Sidney No. 1 Lake Park
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-disabled ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-disabled ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -2703,361 +2763,367 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="ant-table-fixed-left">
-        <span>
+        class="ant-table ant-table-large ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body-outer">
-            <div
-              class="ant-table-body-inner">
-              <table
-                class="ant-table-fixed">
-                <colgroup>
-                  <col
-                    style="width:100px;min-width:100px;" />
-                  <col
-                    style="width:100px;min-width:100px;" />
-                </colgroup>
-                <thead
-                  class="ant-table-thead">
-                  <tr>
-                    <th
-                      class="">
-                      <span>
-                        Full Name
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Age
-                      </span>
-                    </th>
-                  </tr>
-                </thead>
-                <tbody
-                  class="ant-table-tbody">
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Jim Green
-                    </td>
-                    <td
-                      class="">
-                      40
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
+            class="ant-table-fixed-left">
+            <span>
+              <div
+                class="ant-table-body-outer">
+                <div
+                  class="ant-table-body-inner">
+                  <table
+                    class="ant-table-fixed">
+                    <colgroup>
+                      <col
+                        style="width:100px;min-width:100px;" />
+                      <col
+                        style="width:100px;min-width:100px;" />
+                    </colgroup>
+                    <thead
+                      class="ant-table-thead">
+                      <tr>
+                        <th
+                          class="">
+                          <span>
+                            Full Name
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Age
+                          </span>
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody
+                      class="ant-table-tbody">
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Jim Green
+                        </td>
+                        <td
+                          class="">
+                          40
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </span>
           </div>
-        </span>
-      </div>
-      <div
-        class="ant-table-scroll">
-        <span>
           <div
-            class="ant-table-body"
-            style="overflow-x:auto;">
-            <table
-              class="ant-table-fixed"
-              style="width:1300px;">
-              <colgroup>
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col />
-                <col />
-                <col />
-                <col />
-                <col />
-                <col />
-                <col />
-                <col />
-                <col
-                  style="width:100px;min-width:100px;" />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Full Name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Age
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 1
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 2
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 3
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 4
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 5
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 6
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 7
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 8
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Action
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    New York Park
-                  </td>
-                  <td
-                    class="">
-                    New York Park
-                  </td>
-                  <td
-                    class="">
-                    New York Park
-                  </td>
-                  <td
-                    class="">
-                    New York Park
-                  </td>
-                  <td
-                    class="">
-                    New York Park
-                  </td>
-                  <td
-                    class="">
-                    New York Park
-                  </td>
-                  <td
-                    class="">
-                    New York Park
-                  </td>
-                  <td
-                    class="">
-                    New York Park
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      action
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Jim Green
-                  </td>
-                  <td
-                    class="">
-                    40
-                  </td>
-                  <td
-                    class="">
-                    London Park
-                  </td>
-                  <td
-                    class="">
-                    London Park
-                  </td>
-                  <td
-                    class="">
-                    London Park
-                  </td>
-                  <td
-                    class="">
-                    London Park
-                  </td>
-                  <td
-                    class="">
-                    London Park
-                  </td>
-                  <td
-                    class="">
-                    London Park
-                  </td>
-                  <td
-                    class="">
-                    London Park
-                  </td>
-                  <td
-                    class="">
-                    London Park
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      action
-                    </a>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            class="ant-table-scroll">
+            <span>
+              <div
+                class="ant-table-body"
+                style="overflow-x:auto;">
+                <table
+                  class="ant-table-fixed"
+                  style="width:1300px;">
+                  <colgroup>
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                    <col
+                      style="width:100px;min-width:100px;" />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Full Name
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Age
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 1
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 2
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 3
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 4
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 5
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 6
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 7
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 8
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Action
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        New York Park
+                      </td>
+                      <td
+                        class="">
+                        New York Park
+                      </td>
+                      <td
+                        class="">
+                        New York Park
+                      </td>
+                      <td
+                        class="">
+                        New York Park
+                      </td>
+                      <td
+                        class="">
+                        New York Park
+                      </td>
+                      <td
+                        class="">
+                        New York Park
+                      </td>
+                      <td
+                        class="">
+                        New York Park
+                      </td>
+                      <td
+                        class="">
+                        New York Park
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Jim Green
+                      </td>
+                      <td
+                        class="">
+                        40
+                      </td>
+                      <td
+                        class="">
+                        London Park
+                      </td>
+                      <td
+                        class="">
+                        London Park
+                      </td>
+                      <td
+                        class="">
+                        London Park
+                      </td>
+                      <td
+                        class="">
+                        London Park
+                      </td>
+                      <td
+                        class="">
+                        London Park
+                      </td>
+                      <td
+                        class="">
+                        London Park
+                      </td>
+                      <td
+                        class="">
+                        London Park
+                      </td>
+                      <td
+                        class="">
+                        London Park
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
-      </div>
-      <div
-        class="ant-table-fixed-right">
-        <span>
           <div
-            class="ant-table-body-outer">
-            <div
-              class="ant-table-body-inner">
-              <table
-                class="ant-table-fixed">
-                <colgroup>
-                  <col
-                    style="width:100px;min-width:100px;" />
-                </colgroup>
-                <thead
-                  class="ant-table-thead">
-                  <tr>
-                    <th
-                      class="">
-                      <span>
-                        Action
-                      </span>
-                    </th>
-                  </tr>
-                </thead>
-                <tbody
-                  class="ant-table-tbody">
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        action
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        action
-                      </a>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
+            class="ant-table-fixed-right">
+            <span>
+              <div
+                class="ant-table-body-outer">
+                <div
+                  class="ant-table-body-inner">
+                  <table
+                    class="ant-table-fixed">
+                    <colgroup>
+                      <col
+                        style="width:100px;min-width:100px;" />
+                    </colgroup>
+                    <thead
+                      class="ant-table-thead">
+                      <tr>
+                        <th
+                          class="">
+                          <span>
+                            Action
+                          </span>
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody
+                      class="ant-table-tbody">
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            action
+                          </a>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            action
+                          </a>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-disabled ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-disabled ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -3065,1078 +3131,1084 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="ant-table-fixed-left">
-        <span>
+        class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-header">
-            <table
-              class="ant-table-fixed">
-              <colgroup>
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col
-                  style="width:100px;min-width:100px;" />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Full Name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Age
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-            </table>
+            class="ant-table-fixed-left">
+            <span>
+              <div
+                class="ant-table-header">
+                <table
+                  class="ant-table-fixed">
+                  <colgroup>
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col
+                      style="width:100px;min-width:100px;" />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Full Name
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Age
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                </table>
+              </div>
+              <div
+                class="ant-table-body-outer"
+                style="height:300px;">
+                <div
+                  class="ant-table-body-inner">
+                  <table
+                    class="ant-table-fixed">
+                    <colgroup>
+                      <col
+                        style="width:100px;min-width:100px;" />
+                      <col
+                        style="width:100px;min-width:100px;" />
+                    </colgroup>
+                    <tbody
+                      class="ant-table-tbody">
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edrward 0
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edrward 1
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edrward 2
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edrward 3
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edrward 4
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edrward 5
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edrward 6
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edrward 7
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edrward 8
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edrward 9
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </span>
           </div>
           <div
-            class="ant-table-body-outer"
-            style="height:300px;">
-            <div
-              class="ant-table-body-inner">
-              <table
-                class="ant-table-fixed">
-                <colgroup>
-                  <col
-                    style="width:100px;min-width:100px;" />
-                  <col
-                    style="width:100px;min-width:100px;" />
-                </colgroup>
-                <tbody
-                  class="ant-table-tbody">
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edrward 0
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edrward 1
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edrward 2
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edrward 3
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edrward 4
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edrward 5
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edrward 6
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edrward 7
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edrward 8
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edrward 9
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
+            class="ant-table-scroll">
+            <span>
+              <div
+                class="ant-table-header">
+                <table
+                  class="ant-table-fixed"
+                  style="width:1500px;">
+                  <colgroup>
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col />
+                    <col
+                      style="width:100px;min-width:100px;" />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Full Name
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Age
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 1
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 2
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 3
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 4
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 5
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 6
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 7
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Column 8
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Action
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                </table>
+              </div>
+              <div
+                class="ant-table-body"
+                style="overflow-x:auto;max-height:300px;overflow-y:scroll;">
+                <table
+                  class="ant-table-fixed"
+                  style="width:1500px;">
+                  <colgroup>
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col />
+                    <col
+                      style="width:100px;min-width:100px;" />
+                  </colgroup>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edrward 0
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 0
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 0
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 0
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 0
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 0
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 0
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 0
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 0
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edrward 1
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 1
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 1
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 1
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 1
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 1
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 1
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 1
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 1
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edrward 2
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 2
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 2
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 2
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 2
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 2
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 2
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 2
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 2
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edrward 3
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 3
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 3
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 3
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 3
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 3
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 3
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 3
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 3
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edrward 4
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 4
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 4
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 4
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 4
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 4
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 4
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 4
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 4
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edrward 5
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 5
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 5
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 5
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 5
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 5
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 5
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 5
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 5
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edrward 6
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 6
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 6
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 6
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 6
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 6
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 6
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 6
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 6
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edrward 7
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 7
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 7
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 7
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 7
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 7
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 7
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 7
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 7
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edrward 8
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 8
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 8
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 8
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 8
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 8
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 8
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 8
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 8
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edrward 9
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 9
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 9
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 9
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 9
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 9
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 9
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 9
+                      </td>
+                      <td
+                        class="">
+                        London Park no. 9
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
-      </div>
-      <div
-        class="ant-table-scroll">
-        <span>
-          <div
-            class="ant-table-header">
-            <table
-              class="ant-table-fixed"
-              style="width:1500px;">
-              <colgroup>
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col />
-                <col
-                  style="width:100px;min-width:100px;" />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Full Name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Age
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 1
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 2
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 3
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 4
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 5
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 6
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 7
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Column 8
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Action
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-            </table>
-          </div>
-          <div
-            class="ant-table-body"
-            style="overflow-x:auto;max-height:300px;overflow-y:scroll;">
-            <table
-              class="ant-table-fixed"
-              style="width:1500px;">
-              <colgroup>
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col />
-                <col
-                  style="width:100px;min-width:100px;" />
-              </colgroup>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edrward 0
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 0
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 0
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 0
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 0
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 0
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 0
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 0
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 0
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      action
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edrward 1
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 1
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 1
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 1
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 1
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 1
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 1
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 1
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 1
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      action
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edrward 2
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 2
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 2
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 2
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 2
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 2
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 2
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 2
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 2
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      action
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edrward 3
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 3
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 3
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 3
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 3
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 3
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 3
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 3
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 3
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      action
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edrward 4
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 4
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 4
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 4
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 4
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 4
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 4
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 4
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 4
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      action
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edrward 5
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 5
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 5
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 5
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 5
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 5
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 5
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 5
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 5
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      action
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edrward 6
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 6
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 6
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 6
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 6
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 6
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 6
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 6
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 6
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      action
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edrward 7
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 7
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 7
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 7
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 7
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 7
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 7
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 7
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 7
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      action
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edrward 8
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 8
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 8
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 8
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 8
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 8
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 8
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 8
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 8
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      action
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edrward 9
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 9
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 9
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 9
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 9
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 9
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 9
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 9
-                  </td>
-                  <td
-                    class="">
-                    London Park no. 9
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      action
-                    </a>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </span>
-      </div>
-      <div
-        class="ant-table-fixed-right">
-        <span>
-          <div
-            class="ant-table-header">
-            <table
-              class="ant-table-fixed">
-              <colgroup>
-                <col
-                  style="width:100px;min-width:100px;" />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Action
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-            </table>
-          </div>
-          <div
-            class="ant-table-body-outer"
-            style="height:300px;">
-            <div
-              class="ant-table-body-inner">
-              <table
-                class="ant-table-fixed">
-                <colgroup>
-                  <col
-                    style="width:100px;min-width:100px;" />
-                </colgroup>
-                <tbody
-                  class="ant-table-tbody">
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        action
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        action
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        action
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        action
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        action
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        action
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        action
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        action
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        action
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <a
-                        href="#">
-                        action
-                      </a>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </div>
-        </span>
+          <div
+            class="ant-table-fixed-right">
+            <span>
+              <div
+                class="ant-table-header">
+                <table
+                  class="ant-table-fixed">
+                  <colgroup>
+                    <col
+                      style="width:100px;min-width:100px;" />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Action
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                </table>
+              </div>
+              <div
+                class="ant-table-body-outer"
+                style="height:300px;">
+                <div
+                  class="ant-table-body-inner">
+                  <table
+                    class="ant-table-fixed">
+                    <colgroup>
+                      <col
+                        style="width:100px;min-width:100px;" />
+                    </colgroup>
+                    <tbody
+                      class="ant-table-tbody">
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            action
+                          </a>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            action
+                          </a>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            action
+                          </a>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            action
+                          </a>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            action
+                          </a>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            action
+                          </a>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            action
+                          </a>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            action
+                          </a>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            action
+                          </a>
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <a
+                            href="#">
+                            action
+                          </a>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </span>
+          </div>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-2"
+          title="2">
+          <a>
+            2
+          </a>
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-3"
+          title="3">
+          <a>
+            3
+          </a>
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-4"
+          title="4">
+          <a>
+            4
+          </a>
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
+          title="5">
+          <a>
+            5
+          </a>
+        </li>
+        <li
+          class="ant-pagination-jump-next"
+          title="向后 5 页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-10"
+          title="10">
+          <a>
+            10
+          </a>
+        </li>
+        <li
+          class=" ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-2"
-      title="2">
-      <a>
-        2
-      </a>
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-3"
-      title="3">
-      <a>
-        3
-      </a>
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-4"
-      title="4">
-      <a>
-        4
-      </a>
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
-      title="5">
-      <a>
-        5
-      </a>
-    </li>
-    <li
-      class="ant-pagination-jump-next"
-      title="向后 5 页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-10"
-      title="10">
-      <a>
-        10
-      </a>
-    </li>
-    <li
-      class=" ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -4144,997 +4216,1003 @@ exports[`test renders ./components/table/demo/fixed-header.md correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="ant-table-scroll">
-        <span>
+        class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-header">
-            <table
-              class="">
-              <colgroup>
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Age
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Address
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-            </table>
+            class="ant-table-scroll">
+            <span>
+              <div
+                class="ant-table-header">
+                <table
+                  class="">
+                  <colgroup>
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Name
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Age
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Address
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                </table>
+              </div>
+              <div
+                class="ant-table-body"
+                style="max-height:240px;overflow-y:scroll;">
+                <table
+                  class="">
+                  <colgroup>
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col
+                      style="width:150px;min-width:150px;" />
+                    <col />
+                  </colgroup>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 0
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 0
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 1
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 1
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 2
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 2
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 3
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 3
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 4
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 4
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 5
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 5
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 6
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 6
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 7
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 7
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 8
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 8
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 9
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 9
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 10
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 10
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 11
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 11
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 12
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 12
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 13
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 13
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 14
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 14
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 15
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 15
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 16
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 16
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 17
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 17
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 18
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 18
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 19
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 19
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 20
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 20
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 21
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 21
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 22
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 22
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 23
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 23
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 24
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 24
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 25
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 25
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 26
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 26
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 27
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 27
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 28
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 28
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 29
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 29
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 30
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 30
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 31
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 31
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 32
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 32
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 33
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 33
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 34
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 34
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 35
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 35
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 36
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 36
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 37
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 37
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 38
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 38
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 39
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 39
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 40
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 40
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 41
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 41
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 42
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 42
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 43
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 43
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 44
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 44
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 45
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 45
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 46
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 46
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 47
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 47
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 48
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 48
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Edward King 49
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London, Park Lane no. 49
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-          <div
-            class="ant-table-body"
-            style="max-height:240px;overflow-y:scroll;">
-            <table
-              class="">
-              <colgroup>
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col
-                  style="width:150px;min-width:150px;" />
-                <col />
-              </colgroup>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 0
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 0
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 1
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 1
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 2
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 2
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 3
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 3
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 4
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 4
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 5
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 5
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 6
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 6
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 7
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 7
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 8
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 8
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 9
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 9
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 10
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 10
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 11
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 11
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 12
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 12
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 13
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 13
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 14
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 14
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 15
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 15
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 16
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 16
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 17
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 17
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 18
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 18
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 19
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 19
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 20
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 20
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 21
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 21
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 22
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 22
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 23
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 23
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 24
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 24
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 25
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 25
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 26
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 26
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 27
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 27
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 28
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 28
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 29
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 29
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 30
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 30
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 31
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 31
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 32
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 32
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 33
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 33
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 34
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 34
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 35
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 35
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 36
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 36
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 37
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 37
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 38
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 38
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 39
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 39
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 40
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 40
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 41
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 41
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 42
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 42
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 43
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 43
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 44
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 44
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 45
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 45
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 46
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 46
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 47
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 47
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 48
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 48
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Edward King 49
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London, Park Lane no. 49
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-2"
+          title="2">
+          <a>
+            2
+          </a>
+        </li>
+        <li
+          class=" ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-2"
-      title="2">
-      <a>
-        2
-      </a>
-    </li>
-    <li
-      class=" ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -5142,883 +5220,889 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
 <div
   class="">
   <div
-    class="ant-table ant-table-middle ant-table-bordered ant-table-fixed-header ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="ant-table-fixed-left">
-        <span>
+        class="ant-table ant-table-middle ant-table-bordered ant-table-fixed-header ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-header">
-            <table
-              class="ant-table-fixed">
-              <colgroup>
-                <col
-                  style="width:100px;min-width:100px;" />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class=""
-                    rowspan="4">
-                    <span>
-                      Name
-                      <i
-                        class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选" />
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-            </table>
-          </div>
-          <div
-            class="ant-table-body-outer"
-            style="height:240px;">
-            <div
-              class="ant-table-body-inner">
-              <table
-                class="ant-table-fixed">
-                <colgroup>
-                  <col
-                    style="width:100px;min-width:100px;" />
-                </colgroup>
-                <tbody
-                  class="ant-table-tbody">
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </div>
-        </span>
-      </div>
-      <div
-        class="ant-table-scroll">
-        <span>
-          <div
-            class="ant-table-header">
-            <table
-              class="ant-table-fixed"
-              style="width:1010px;">
-              <colgroup>
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col
-                  style="width:200px;min-width:200px;" />
-                <col
-                  style="width:50px;min-width:50px;" />
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col
-                  style="width:200px;min-width:200px;" />
-                <col
-                  style="width:200px;min-width:200px;" />
-                <col
-                  style="width:60px;min-width:60px;" />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class=""
-                    rowspan="4">
-                    <span>
-                      Name
-                      <i
-                        class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选" />
-                    </span>
-                  </th>
-                  <th
-                    class=""
-                    colspan="4">
-                    <span>
-                      Other
-                    </span>
-                  </th>
-                  <th
-                    class=""
-                    colspan="2">
-                    <span>
-                      Company
-                    </span>
-                  </th>
-                  <th
-                    class=""
-                    rowspan="4">
-                    <span>
-                      Gender
-                    </span>
-                  </th>
-                </tr>
-                <tr>
-                  <th
-                    class=""
-                    rowspan="3">
-                    <span>
-                      Age
-                      <div
-                        class="ant-table-column-sorter">
-                        <span
-                          class="ant-table-column-sorter-up off"
-                          title="↑">
+            class="ant-table-fixed-left">
+            <span>
+              <div
+                class="ant-table-header">
+                <table
+                  class="ant-table-fixed">
+                  <colgroup>
+                    <col
+                      style="width:100px;min-width:100px;" />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class=""
+                        rowspan="4">
+                        <span>
+                          Name
                           <i
-                            class="anticon anticon-caret-up" />
+                            class="anticon anticon-filter ant-dropdown-trigger"
+                            title="筛选" />
                         </span>
-                        <span
-                          class="ant-table-column-sorter-down off"
-                          title="↓">
+                      </th>
+                    </tr>
+                  </thead>
+                </table>
+              </div>
+              <div
+                class="ant-table-body-outer"
+                style="height:240px;">
+                <div
+                  class="ant-table-body-inner">
+                  <table
+                    class="ant-table-fixed">
+                    <colgroup>
+                      <col
+                        style="width:100px;min-width:100px;" />
+                    </colgroup>
+                    <tbody
+                      class="ant-table-tbody">
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </span>
+          </div>
+          <div
+            class="ant-table-scroll">
+            <span>
+              <div
+                class="ant-table-header">
+                <table
+                  class="ant-table-fixed"
+                  style="width:1010px;">
+                  <colgroup>
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col
+                      style="width:200px;min-width:200px;" />
+                    <col
+                      style="width:50px;min-width:50px;" />
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col
+                      style="width:200px;min-width:200px;" />
+                    <col
+                      style="width:200px;min-width:200px;" />
+                    <col
+                      style="width:60px;min-width:60px;" />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class=""
+                        rowspan="4">
+                        <span>
+                          Name
                           <i
-                            class="anticon anticon-caret-down" />
+                            class="anticon anticon-filter ant-dropdown-trigger"
+                            title="筛选" />
                         </span>
-                      </div>
-                    </span>
-                  </th>
-                  <th
-                    class=""
-                    colspan="3">
-                    <span>
-                      Address
-                    </span>
-                  </th>
-                  <th
-                    class=""
-                    rowspan="3">
-                    <span>
-                      Company Address
-                    </span>
-                  </th>
-                  <th
-                    class=""
-                    rowspan="3">
-                    <span>
-                      Company Name
-                    </span>
-                  </th>
-                </tr>
-                <tr>
-                  <th
-                    class=""
-                    rowspan="2">
-                    <span>
-                      Street
-                    </span>
-                  </th>
-                  <th
-                    class=""
-                    colspan="2">
-                    <span>
-                      Block
-                    </span>
-                  </th>
-                </tr>
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Building
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Door No.
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-            </table>
+                      </th>
+                      <th
+                        class=""
+                        colspan="4">
+                        <span>
+                          Other
+                        </span>
+                      </th>
+                      <th
+                        class=""
+                        colspan="2">
+                        <span>
+                          Company
+                        </span>
+                      </th>
+                      <th
+                        class=""
+                        rowspan="4">
+                        <span>
+                          Gender
+                        </span>
+                      </th>
+                    </tr>
+                    <tr>
+                      <th
+                        class=""
+                        rowspan="3">
+                        <span>
+                          Age
+                          <div
+                            class="ant-table-column-sorter">
+                            <span
+                              class="ant-table-column-sorter-up off"
+                              title="↑">
+                              <i
+                                class="anticon anticon-caret-up" />
+                            </span>
+                            <span
+                              class="ant-table-column-sorter-down off"
+                              title="↓">
+                              <i
+                                class="anticon anticon-caret-down" />
+                            </span>
+                          </div>
+                        </span>
+                      </th>
+                      <th
+                        class=""
+                        colspan="3">
+                        <span>
+                          Address
+                        </span>
+                      </th>
+                      <th
+                        class=""
+                        rowspan="3">
+                        <span>
+                          Company Address
+                        </span>
+                      </th>
+                      <th
+                        class=""
+                        rowspan="3">
+                        <span>
+                          Company Name
+                        </span>
+                      </th>
+                    </tr>
+                    <tr>
+                      <th
+                        class=""
+                        rowspan="2">
+                        <span>
+                          Street
+                        </span>
+                      </th>
+                      <th
+                        class=""
+                        colspan="2">
+                        <span>
+                          Block
+                        </span>
+                      </th>
+                    </tr>
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Building
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Door No.
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                </table>
+              </div>
+              <div
+                class="ant-table-body"
+                style="overflow-x:auto;max-height:240px;overflow-y:scroll;">
+                <table
+                  class="ant-table-fixed"
+                  style="width:1010px;">
+                  <colgroup>
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col
+                      style="width:200px;min-width:200px;" />
+                    <col
+                      style="width:50px;min-width:50px;" />
+                    <col
+                      style="width:100px;min-width:100px;" />
+                    <col
+                      style="width:200px;min-width:200px;" />
+                    <col
+                      style="width:200px;min-width:200px;" />
+                    <col
+                      style="width:60px;min-width:60px;" />
+                  </colgroup>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        1
+                      </td>
+                      <td
+                        class="">
+                        Lake Park
+                      </td>
+                      <td
+                        class="">
+                        C
+                      </td>
+                      <td
+                        class="">
+                        2035
+                      </td>
+                      <td
+                        class="">
+                        Lake Street 42
+                      </td>
+                      <td
+                        class="">
+                        SoftLake Co
+                      </td>
+                      <td
+                        class="">
+                        M
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        2
+                      </td>
+                      <td
+                        class="">
+                        Lake Park
+                      </td>
+                      <td
+                        class="">
+                        C
+                      </td>
+                      <td
+                        class="">
+                        2035
+                      </td>
+                      <td
+                        class="">
+                        Lake Street 42
+                      </td>
+                      <td
+                        class="">
+                        SoftLake Co
+                      </td>
+                      <td
+                        class="">
+                        M
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        3
+                      </td>
+                      <td
+                        class="">
+                        Lake Park
+                      </td>
+                      <td
+                        class="">
+                        C
+                      </td>
+                      <td
+                        class="">
+                        2035
+                      </td>
+                      <td
+                        class="">
+                        Lake Street 42
+                      </td>
+                      <td
+                        class="">
+                        SoftLake Co
+                      </td>
+                      <td
+                        class="">
+                        M
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        4
+                      </td>
+                      <td
+                        class="">
+                        Lake Park
+                      </td>
+                      <td
+                        class="">
+                        C
+                      </td>
+                      <td
+                        class="">
+                        2035
+                      </td>
+                      <td
+                        class="">
+                        Lake Street 42
+                      </td>
+                      <td
+                        class="">
+                        SoftLake Co
+                      </td>
+                      <td
+                        class="">
+                        M
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        5
+                      </td>
+                      <td
+                        class="">
+                        Lake Park
+                      </td>
+                      <td
+                        class="">
+                        C
+                      </td>
+                      <td
+                        class="">
+                        2035
+                      </td>
+                      <td
+                        class="">
+                        Lake Street 42
+                      </td>
+                      <td
+                        class="">
+                        SoftLake Co
+                      </td>
+                      <td
+                        class="">
+                        M
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        6
+                      </td>
+                      <td
+                        class="">
+                        Lake Park
+                      </td>
+                      <td
+                        class="">
+                        C
+                      </td>
+                      <td
+                        class="">
+                        2035
+                      </td>
+                      <td
+                        class="">
+                        Lake Street 42
+                      </td>
+                      <td
+                        class="">
+                        SoftLake Co
+                      </td>
+                      <td
+                        class="">
+                        M
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        7
+                      </td>
+                      <td
+                        class="">
+                        Lake Park
+                      </td>
+                      <td
+                        class="">
+                        C
+                      </td>
+                      <td
+                        class="">
+                        2035
+                      </td>
+                      <td
+                        class="">
+                        Lake Street 42
+                      </td>
+                      <td
+                        class="">
+                        SoftLake Co
+                      </td>
+                      <td
+                        class="">
+                        M
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        8
+                      </td>
+                      <td
+                        class="">
+                        Lake Park
+                      </td>
+                      <td
+                        class="">
+                        C
+                      </td>
+                      <td
+                        class="">
+                        2035
+                      </td>
+                      <td
+                        class="">
+                        Lake Street 42
+                      </td>
+                      <td
+                        class="">
+                        SoftLake Co
+                      </td>
+                      <td
+                        class="">
+                        M
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        9
+                      </td>
+                      <td
+                        class="">
+                        Lake Park
+                      </td>
+                      <td
+                        class="">
+                        C
+                      </td>
+                      <td
+                        class="">
+                        2035
+                      </td>
+                      <td
+                        class="">
+                        Lake Street 42
+                      </td>
+                      <td
+                        class="">
+                        SoftLake Co
+                      </td>
+                      <td
+                        class="">
+                        M
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        10
+                      </td>
+                      <td
+                        class="">
+                        Lake Park
+                      </td>
+                      <td
+                        class="">
+                        C
+                      </td>
+                      <td
+                        class="">
+                        2035
+                      </td>
+                      <td
+                        class="">
+                        Lake Street 42
+                      </td>
+                      <td
+                        class="">
+                        SoftLake Co
+                      </td>
+                      <td
+                        class="">
+                        M
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
           <div
-            class="ant-table-body"
-            style="overflow-x:auto;max-height:240px;overflow-y:scroll;">
-            <table
-              class="ant-table-fixed"
-              style="width:1010px;">
-              <colgroup>
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col
-                  style="width:200px;min-width:200px;" />
-                <col
-                  style="width:50px;min-width:50px;" />
-                <col
-                  style="width:100px;min-width:100px;" />
-                <col
-                  style="width:200px;min-width:200px;" />
-                <col
-                  style="width:200px;min-width:200px;" />
-                <col
-                  style="width:60px;min-width:60px;" />
-              </colgroup>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    1
-                  </td>
-                  <td
-                    class="">
-                    Lake Park
-                  </td>
-                  <td
-                    class="">
-                    C
-                  </td>
-                  <td
-                    class="">
-                    2035
-                  </td>
-                  <td
-                    class="">
-                    Lake Street 42
-                  </td>
-                  <td
-                    class="">
-                    SoftLake Co
-                  </td>
-                  <td
-                    class="">
-                    M
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    2
-                  </td>
-                  <td
-                    class="">
-                    Lake Park
-                  </td>
-                  <td
-                    class="">
-                    C
-                  </td>
-                  <td
-                    class="">
-                    2035
-                  </td>
-                  <td
-                    class="">
-                    Lake Street 42
-                  </td>
-                  <td
-                    class="">
-                    SoftLake Co
-                  </td>
-                  <td
-                    class="">
-                    M
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    3
-                  </td>
-                  <td
-                    class="">
-                    Lake Park
-                  </td>
-                  <td
-                    class="">
-                    C
-                  </td>
-                  <td
-                    class="">
-                    2035
-                  </td>
-                  <td
-                    class="">
-                    Lake Street 42
-                  </td>
-                  <td
-                    class="">
-                    SoftLake Co
-                  </td>
-                  <td
-                    class="">
-                    M
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    4
-                  </td>
-                  <td
-                    class="">
-                    Lake Park
-                  </td>
-                  <td
-                    class="">
-                    C
-                  </td>
-                  <td
-                    class="">
-                    2035
-                  </td>
-                  <td
-                    class="">
-                    Lake Street 42
-                  </td>
-                  <td
-                    class="">
-                    SoftLake Co
-                  </td>
-                  <td
-                    class="">
-                    M
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    5
-                  </td>
-                  <td
-                    class="">
-                    Lake Park
-                  </td>
-                  <td
-                    class="">
-                    C
-                  </td>
-                  <td
-                    class="">
-                    2035
-                  </td>
-                  <td
-                    class="">
-                    Lake Street 42
-                  </td>
-                  <td
-                    class="">
-                    SoftLake Co
-                  </td>
-                  <td
-                    class="">
-                    M
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    6
-                  </td>
-                  <td
-                    class="">
-                    Lake Park
-                  </td>
-                  <td
-                    class="">
-                    C
-                  </td>
-                  <td
-                    class="">
-                    2035
-                  </td>
-                  <td
-                    class="">
-                    Lake Street 42
-                  </td>
-                  <td
-                    class="">
-                    SoftLake Co
-                  </td>
-                  <td
-                    class="">
-                    M
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    7
-                  </td>
-                  <td
-                    class="">
-                    Lake Park
-                  </td>
-                  <td
-                    class="">
-                    C
-                  </td>
-                  <td
-                    class="">
-                    2035
-                  </td>
-                  <td
-                    class="">
-                    Lake Street 42
-                  </td>
-                  <td
-                    class="">
-                    SoftLake Co
-                  </td>
-                  <td
-                    class="">
-                    M
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    8
-                  </td>
-                  <td
-                    class="">
-                    Lake Park
-                  </td>
-                  <td
-                    class="">
-                    C
-                  </td>
-                  <td
-                    class="">
-                    2035
-                  </td>
-                  <td
-                    class="">
-                    Lake Street 42
-                  </td>
-                  <td
-                    class="">
-                    SoftLake Co
-                  </td>
-                  <td
-                    class="">
-                    M
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    9
-                  </td>
-                  <td
-                    class="">
-                    Lake Park
-                  </td>
-                  <td
-                    class="">
-                    C
-                  </td>
-                  <td
-                    class="">
-                    2035
-                  </td>
-                  <td
-                    class="">
-                    Lake Street 42
-                  </td>
-                  <td
-                    class="">
-                    SoftLake Co
-                  </td>
-                  <td
-                    class="">
-                    M
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    10
-                  </td>
-                  <td
-                    class="">
-                    Lake Park
-                  </td>
-                  <td
-                    class="">
-                    C
-                  </td>
-                  <td
-                    class="">
-                    2035
-                  </td>
-                  <td
-                    class="">
-                    Lake Street 42
-                  </td>
-                  <td
-                    class="">
-                    SoftLake Co
-                  </td>
-                  <td
-                    class="">
-                    M
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            class="ant-table-fixed-right">
+            <span>
+              <div
+                class="ant-table-header">
+                <table
+                  class="ant-table-fixed">
+                  <colgroup>
+                    <col
+                      style="width:60px;min-width:60px;" />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class=""
+                        rowspan="4">
+                        <span>
+                          Gender
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                </table>
+              </div>
+              <div
+                class="ant-table-body-outer"
+                style="height:240px;">
+                <div
+                  class="ant-table-body-inner">
+                  <table
+                    class="ant-table-fixed">
+                    <colgroup>
+                      <col
+                        style="width:60px;min-width:60px;" />
+                    </colgroup>
+                    <tbody
+                      class="ant-table-tbody">
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          M
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          M
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          M
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          M
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          M
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          M
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          M
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          M
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          M
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          M
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </span>
           </div>
-        </span>
-      </div>
-      <div
-        class="ant-table-fixed-right">
-        <span>
-          <div
-            class="ant-table-header">
-            <table
-              class="ant-table-fixed">
-              <colgroup>
-                <col
-                  style="width:60px;min-width:60px;" />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class=""
-                    rowspan="4">
-                    <span>
-                      Gender
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-            </table>
-          </div>
-          <div
-            class="ant-table-body-outer"
-            style="height:240px;">
-            <div
-              class="ant-table-body-inner">
-              <table
-                class="ant-table-fixed">
-                <colgroup>
-                  <col
-                    style="width:60px;min-width:60px;" />
-                </colgroup>
-                <tbody
-                  class="ant-table-tbody">
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      M
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      M
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      M
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      M
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      M
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      M
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      M
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      M
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      M
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      M
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination mini"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-2"
+          title="2">
+          <a>
+            2
+          </a>
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-3"
+          title="3">
+          <a>
+            3
+          </a>
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-4"
+          title="4">
+          <a>
+            4
+          </a>
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
+          title="5">
+          <a>
+            5
+          </a>
+        </li>
+        <li
+          class="ant-pagination-jump-next"
+          title="向后 5 页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-10"
+          title="10">
+          <a>
+            10
+          </a>
+        </li>
+        <li
+          class=" ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination mini"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-2"
-      title="2">
-      <a>
-        2
-      </a>
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-3"
-      title="3">
-      <a>
-        3
-      </a>
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-4"
-      title="4">
-      <a>
-        4
-      </a>
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
-      title="5">
-      <a>
-        5
-      </a>
-    </li>
-    <li
-      class="ant-pagination-jump-next"
-      title="向后 5 页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-10"
-      title="10">
-      <a>
-        10
-      </a>
-    </li>
-    <li
-      class=" ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -6026,197 +6110,203 @@ exports[`test renders ./components/table/demo/head.md correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col />
-                <col />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      Name
-                      <div
-                        class="ant-table-column-sorter">
-                        <span
-                          class="ant-table-column-sorter-up off"
-                          title="↑">
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Name
+                          <div
+                            class="ant-table-column-sorter">
+                            <span
+                              class="ant-table-column-sorter-up off"
+                              title="↑">
+                              <i
+                                class="anticon anticon-caret-up" />
+                            </span>
+                            <span
+                              class="ant-table-column-sorter-down off"
+                              title="↓">
+                              <i
+                                class="anticon anticon-caret-down" />
+                            </span>
+                          </div>
                           <i
-                            class="anticon anticon-caret-up" />
+                            class="anticon anticon-filter ant-dropdown-trigger"
+                            title="筛选" />
                         </span>
-                        <span
-                          class="ant-table-column-sorter-down off"
-                          title="↓">
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Age
+                          <div
+                            class="ant-table-column-sorter">
+                            <span
+                              class="ant-table-column-sorter-up off"
+                              title="↑">
+                              <i
+                                class="anticon anticon-caret-up" />
+                            </span>
+                            <span
+                              class="ant-table-column-sorter-down off"
+                              title="↓">
+                              <i
+                                class="anticon anticon-caret-down" />
+                            </span>
+                          </div>
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Address
+                          <div
+                            class="ant-table-column-sorter">
+                            <span
+                              class="ant-table-column-sorter-up off"
+                              title="↑">
+                              <i
+                                class="anticon anticon-caret-up" />
+                            </span>
+                            <span
+                              class="ant-table-column-sorter-down off"
+                              title="↓">
+                              <i
+                                class="anticon anticon-caret-down" />
+                            </span>
+                          </div>
                           <i
-                            class="anticon anticon-caret-down" />
+                            class="anticon anticon-filter ant-dropdown-trigger"
+                            title="筛选" />
                         </span>
-                      </div>
-                      <i
-                        class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选" />
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Age
-                      <div
-                        class="ant-table-column-sorter">
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
                         <span
-                          class="ant-table-column-sorter-up off"
-                          title="↑">
-                          <i
-                            class="anticon anticon-caret-up" />
-                        </span>
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        New York No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
                         <span
-                          class="ant-table-column-sorter-down off"
-                          title="↓">
-                          <i
-                            class="anticon anticon-caret-down" />
-                        </span>
-                      </div>
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Address
-                      <div
-                        class="ant-table-column-sorter">
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Jim Green
+                      </td>
+                      <td
+                        class="">
+                        42
+                      </td>
+                      <td
+                        class="">
+                        London No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
                         <span
-                          class="ant-table-column-sorter-up off"
-                          title="↑">
-                          <i
-                            class="anticon anticon-caret-up" />
-                        </span>
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Joe Black
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        Sidney No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
                         <span
-                          class="ant-table-column-sorter-down off"
-                          title="↓">
-                          <i
-                            class="anticon anticon-caret-down" />
-                        </span>
-                      </div>
-                      <i
-                        class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选" />
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John Brown
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    New York No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Jim Green
-                  </td>
-                  <td
-                    class="">
-                    42
-                  </td>
-                  <td
-                    class="">
-                    London No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Joe Black
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    Sidney No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Jim Red
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    London No. 2 Lake Park
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Jim Red
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        London No. 2 Lake Park
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-disabled ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-disabled ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -6224,238 +6314,244 @@ exports[`test renders ./components/table/demo/jsx.md correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col />
-                <col />
-                <col />
-                <col />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class=""
-                    colspan="2">
-                    <span>
-                      Name
-                    </span>
-                  </th>
-                  <th
-                    class=""
-                    rowspan="2">
-                    <span>
-                      Age
-                    </span>
-                  </th>
-                  <th
-                    class=""
-                    rowspan="2">
-                    <span>
-                      Address
-                    </span>
-                  </th>
-                  <th
-                    class=""
-                    rowspan="2">
-                    <span>
-                      Action
-                    </span>
-                  </th>
-                </tr>
-                <tr>
-                  <th
-                    class="">
-                    <span>
-                      First Name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Last Name
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    John
-                  </td>
-                  <td
-                    class="">
-                    Brown
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    New York No. 1 Lake Park
-                  </td>
-                  <td
-                    class="">
-                    <span>
-                      <a
-                        href="#">
-                        Action 一 
-                      </a>
-                      <span
-                        class="ant-divider" />
-                      <a
-                        href="#">
-                        Delete
-                      </a>
-                      <span
-                        class="ant-divider" />
-                      <a
-                        class="ant-dropdown-link"
-                        href="#">
-                        More actions 
-                        <i
-                          class="anticon anticon-down" />
-                      </a>
-                    </span>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Jim
-                  </td>
-                  <td
-                    class="">
-                    Green
-                  </td>
-                  <td
-                    class="">
-                    42
-                  </td>
-                  <td
-                    class="">
-                    London No. 1 Lake Park
-                  </td>
-                  <td
-                    class="">
-                    <span>
-                      <a
-                        href="#">
-                        Action 一 
-                      </a>
-                      <span
-                        class="ant-divider" />
-                      <a
-                        href="#">
-                        Delete
-                      </a>
-                      <span
-                        class="ant-divider" />
-                      <a
-                        class="ant-dropdown-link"
-                        href="#">
-                        More actions 
-                        <i
-                          class="anticon anticon-down" />
-                      </a>
-                    </span>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    Joe
-                  </td>
-                  <td
-                    class="">
-                    Black
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    Sidney No. 1 Lake Park
-                  </td>
-                  <td
-                    class="">
-                    <span>
-                      <a
-                        href="#">
-                        Action 一 
-                      </a>
-                      <span
-                        class="ant-divider" />
-                      <a
-                        href="#">
-                        Delete
-                      </a>
-                      <span
-                        class="ant-divider" />
-                      <a
-                        class="ant-dropdown-link"
-                        href="#">
-                        More actions 
-                        <i
-                          class="anticon anticon-down" />
-                      </a>
-                    </span>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class=""
+                        colspan="2">
+                        <span>
+                          Name
+                        </span>
+                      </th>
+                      <th
+                        class=""
+                        rowspan="2">
+                        <span>
+                          Age
+                        </span>
+                      </th>
+                      <th
+                        class=""
+                        rowspan="2">
+                        <span>
+                          Address
+                        </span>
+                      </th>
+                      <th
+                        class=""
+                        rowspan="2">
+                        <span>
+                          Action
+                        </span>
+                      </th>
+                    </tr>
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          First Name
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Last Name
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John
+                      </td>
+                      <td
+                        class="">
+                        Brown
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        New York No. 1 Lake Park
+                      </td>
+                      <td
+                        class="">
+                        <span>
+                          <a
+                            href="#">
+                            Action 一 
+                          </a>
+                          <span
+                            class="ant-divider" />
+                          <a
+                            href="#">
+                            Delete
+                          </a>
+                          <span
+                            class="ant-divider" />
+                          <a
+                            class="ant-dropdown-link"
+                            href="#">
+                            More actions 
+                            <i
+                              class="anticon anticon-down" />
+                          </a>
+                        </span>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Jim
+                      </td>
+                      <td
+                        class="">
+                        Green
+                      </td>
+                      <td
+                        class="">
+                        42
+                      </td>
+                      <td
+                        class="">
+                        London No. 1 Lake Park
+                      </td>
+                      <td
+                        class="">
+                        <span>
+                          <a
+                            href="#">
+                            Action 一 
+                          </a>
+                          <span
+                            class="ant-divider" />
+                          <a
+                            href="#">
+                            Delete
+                          </a>
+                          <span
+                            class="ant-divider" />
+                          <a
+                            class="ant-dropdown-link"
+                            href="#">
+                            More actions 
+                            <i
+                              class="anticon anticon-down" />
+                          </a>
+                        </span>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        Joe
+                      </td>
+                      <td
+                        class="">
+                        Black
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        Sidney No. 1 Lake Park
+                      </td>
+                      <td
+                        class="">
+                        <span>
+                          <a
+                            href="#">
+                            Action 一 
+                          </a>
+                          <span
+                            class="ant-divider" />
+                          <a
+                            href="#">
+                            Delete
+                          </a>
+                          <span
+                            class="ant-divider" />
+                          <a
+                            class="ant-dropdown-link"
+                            href="#">
+                            More actions 
+                            <i
+                              class="anticon anticon-down" />
+                          </a>
+                        </span>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-disabled ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-disabled ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -6463,225 +6559,231 @@ exports[`test renders ./components/table/demo/nested-table.md correctly 1`] = `
 <div
   class="components-table-demo-nested">
   <div
-    class="ant-table ant-table-large ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col
-                  class="ant-table-expand-icon-col" />
-                <col />
-                <col />
-                <col />
-                <col />
-                <col />
-                <col />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="ant-table-expand-icon-th"
-                    rowspan="1"
-                    title="" />
-                  <th
-                    class="">
-                    <span>
-                      Name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Platform
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Version
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Upgraded
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Creator
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Date
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Action
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="ant-table-row-expand-icon-cell">
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                  </td>
-                  <td
-                    class="">
-                    Screem
-                  </td>
-                  <td
-                    class="">
-                    iOS
-                  </td>
-                  <td
-                    class="">
-                    10.3.4.5654
-                  </td>
-                  <td
-                    class="">
-                    500
-                  </td>
-                  <td
-                    class="">
-                    Jack
-                  </td>
-                  <td
-                    class="">
-                    2014-12-24 23:12:00
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      Publish
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="ant-table-row-expand-icon-cell">
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                  </td>
-                  <td
-                    class="">
-                    Screem
-                  </td>
-                  <td
-                    class="">
-                    iOS
-                  </td>
-                  <td
-                    class="">
-                    10.3.4.5654
-                  </td>
-                  <td
-                    class="">
-                    500
-                  </td>
-                  <td
-                    class="">
-                    Jack
-                  </td>
-                  <td
-                    class="">
-                    2014-12-24 23:12:00
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      Publish
-                    </a>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="ant-table-row-expand-icon-cell">
-                    <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                  </td>
-                  <td
-                    class="">
-                    Screem
-                  </td>
-                  <td
-                    class="">
-                    iOS
-                  </td>
-                  <td
-                    class="">
-                    10.3.4.5654
-                  </td>
-                  <td
-                    class="">
-                    500
-                  </td>
-                  <td
-                    class="">
-                    Jack
-                  </td>
-                  <td
-                    class="">
-                    2014-12-24 23:12:00
-                  </td>
-                  <td
-                    class="">
-                    <a
-                      href="#">
-                      Publish
-                    </a>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col
+                      class="ant-table-expand-icon-col" />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="ant-table-expand-icon-th"
+                        rowspan="1"
+                        title="" />
+                      <th
+                        class="">
+                        <span>
+                          Name
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Platform
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Version
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Upgraded
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Creator
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Date
+                        </span>
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Action
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="ant-table-row-expand-icon-cell">
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      </td>
+                      <td
+                        class="">
+                        Screem
+                      </td>
+                      <td
+                        class="">
+                        iOS
+                      </td>
+                      <td
+                        class="">
+                        10.3.4.5654
+                      </td>
+                      <td
+                        class="">
+                        500
+                      </td>
+                      <td
+                        class="">
+                        Jack
+                      </td>
+                      <td
+                        class="">
+                        2014-12-24 23:12:00
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          Publish
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="ant-table-row-expand-icon-cell">
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      </td>
+                      <td
+                        class="">
+                        Screem
+                      </td>
+                      <td
+                        class="">
+                        iOS
+                      </td>
+                      <td
+                        class="">
+                        10.3.4.5654
+                      </td>
+                      <td
+                        class="">
+                        500
+                      </td>
+                      <td
+                        class="">
+                        Jack
+                      </td>
+                      <td
+                        class="">
+                        2014-12-24 23:12:00
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          Publish
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="ant-table-row-expand-icon-cell">
+                        <span
+                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      </td>
+                      <td
+                        class="">
+                        Screem
+                      </td>
+                      <td
+                        class="">
+                        iOS
+                      </td>
+                      <td
+                        class="">
+                        10.3.4.5654
+                      </td>
+                      <td
+                        class="">
+                        500
+                      </td>
+                      <td
+                        class="">
+                        Jack
+                      </td>
+                      <td
+                        class="">
+                        2014-12-24 23:12:00
+                      </td>
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          Publish
+                        </a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-disabled ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-disabled ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -6714,197 +6816,203 @@ exports[`test renders ./components/table/demo/reset-filter.md correctly 1`] = `
   <div
     class="">
     <div
-      class="ant-table ant-table-large ant-table-scroll-position-left">
+      class="ant-spin-nested-loading">
       <div
-        class="ant-table-content">
+        class="ant-spin-container">
         <div
-          class="">
-          <span>
+          class="ant-table ant-table-large ant-table-scroll-position-left">
+          <div
+            class="ant-table-content">
             <div
-              class="ant-table-body">
-              <table
-                class="">
-                <colgroup>
-                  <col />
-                  <col />
-                  <col />
-                </colgroup>
-                <thead
-                  class="ant-table-thead">
-                  <tr>
-                    <th
-                      class="">
-                      <span>
-                        Name
-                        <div
-                          class="ant-table-column-sorter">
-                          <span
-                            class="ant-table-column-sorter-up off"
-                            title="↑">
+              class="">
+              <span>
+                <div
+                  class="ant-table-body">
+                  <table
+                    class="">
+                    <colgroup>
+                      <col />
+                      <col />
+                      <col />
+                    </colgroup>
+                    <thead
+                      class="ant-table-thead">
+                      <tr>
+                        <th
+                          class="">
+                          <span>
+                            Name
+                            <div
+                              class="ant-table-column-sorter">
+                              <span
+                                class="ant-table-column-sorter-up off"
+                                title="↑">
+                                <i
+                                  class="anticon anticon-caret-up" />
+                              </span>
+                              <span
+                                class="ant-table-column-sorter-down off"
+                                title="↓">
+                                <i
+                                  class="anticon anticon-caret-down" />
+                              </span>
+                            </div>
                             <i
-                              class="anticon anticon-caret-up" />
+                              class="anticon anticon-filter ant-dropdown-trigger"
+                              title="筛选" />
                           </span>
-                          <span
-                            class="ant-table-column-sorter-down off"
-                            title="↓">
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Age
+                            <div
+                              class="ant-table-column-sorter">
+                              <span
+                                class="ant-table-column-sorter-up off"
+                                title="↑">
+                                <i
+                                  class="anticon anticon-caret-up" />
+                              </span>
+                              <span
+                                class="ant-table-column-sorter-down off"
+                                title="↓">
+                                <i
+                                  class="anticon anticon-caret-down" />
+                              </span>
+                            </div>
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Address
+                            <div
+                              class="ant-table-column-sorter">
+                              <span
+                                class="ant-table-column-sorter-up off"
+                                title="↑">
+                                <i
+                                  class="anticon anticon-caret-up" />
+                              </span>
+                              <span
+                                class="ant-table-column-sorter-down off"
+                                title="↓">
+                                <i
+                                  class="anticon anticon-caret-down" />
+                              </span>
+                            </div>
                             <i
-                              class="anticon anticon-caret-down" />
+                              class="anticon anticon-filter ant-dropdown-trigger"
+                              title="筛选" />
                           </span>
-                        </div>
-                        <i
-                          class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选" />
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Age
-                        <div
-                          class="ant-table-column-sorter">
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody
+                      class="ant-table-tbody">
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
                           <span
-                            class="ant-table-column-sorter-up off"
-                            title="↑">
-                            <i
-                              class="anticon anticon-caret-up" />
-                          </span>
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          New York No. 1 Lake Park
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
                           <span
-                            class="ant-table-column-sorter-down off"
-                            title="↓">
-                            <i
-                              class="anticon anticon-caret-down" />
-                          </span>
-                        </div>
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Address
-                        <div
-                          class="ant-table-column-sorter">
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Jim Green
+                        </td>
+                        <td
+                          class="">
+                          42
+                        </td>
+                        <td
+                          class="">
+                          London No. 1 Lake Park
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
                           <span
-                            class="ant-table-column-sorter-up off"
-                            title="↑">
-                            <i
-                              class="anticon anticon-caret-up" />
-                          </span>
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Joe Black
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          Sidney No. 1 Lake Park
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
                           <span
-                            class="ant-table-column-sorter-down off"
-                            title="↓">
-                            <i
-                              class="anticon anticon-caret-down" />
-                          </span>
-                        </div>
-                        <i
-                          class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选" />
-                      </span>
-                    </th>
-                  </tr>
-                </thead>
-                <tbody
-                  class="ant-table-tbody">
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      New York No. 1 Lake Park
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Jim Green
-                    </td>
-                    <td
-                      class="">
-                      42
-                    </td>
-                    <td
-                      class="">
-                      London No. 1 Lake Park
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Joe Black
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      Sidney No. 1 Lake Park
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Jim Red
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London No. 2 Lake Park
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Jim Red
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London No. 2 Lake Park
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </span>
             </div>
-          </span>
+          </div>
         </div>
+        <ul
+          class="ant-pagination ant-table-pagination"
+          unselectable="unselectable">
+          <li
+            class="ant-pagination-disabled ant-pagination-prev"
+            title="上一页">
+            <a />
+          </li>
+          <li
+            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+            title="1">
+            <a>
+              1
+            </a>
+          </li>
+          <li
+            class="ant-pagination-disabled ant-pagination-next"
+            title="下一页">
+            <a />
+          </li>
+        </ul>
       </div>
     </div>
-    <ul
-      class="ant-pagination ant-table-pagination"
-      unselectable="unselectable">
-      <li
-        class="ant-pagination-disabled ant-pagination-prev"
-        title="上一页">
-        <a />
-      </li>
-      <li
-        class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-        title="1">
-        <a>
-          1
-        </a>
-      </li>
-      <li
-        class="ant-pagination-disabled ant-pagination-next"
-        title="下一页">
-        <a />
-      </li>
-    </ul>
   </div>
 </div>
 `;
@@ -6913,240 +7021,246 @@ exports[`test renders ./components/table/demo/row-selection.md correctly 1`] = `
 <div
   class="">
   <div
-    class="ant-table ant-table-large ant-table-scroll-position-left">
+    class="ant-spin-nested-loading">
     <div
-      class="ant-table-content">
+      class="ant-spin-container">
       <div
-        class="">
-        <span>
+        class="ant-table ant-table-large ant-table-scroll-position-left">
+        <div
+          class="ant-table-content">
           <div
-            class="ant-table-body">
-            <table
-              class="">
-              <colgroup>
-                <col />
-                <col />
-                <col />
-                <col />
-              </colgroup>
-              <thead
-                class="ant-table-thead">
-                <tr>
-                  <th
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
-                        <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
+            class="">
+            <span>
+              <div
+                class="ant-table-body">
+                <table
+                  class="">
+                  <colgroup>
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
                         </span>
-                      </label>
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Name
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Age
-                    </span>
-                  </th>
-                  <th
-                    class="">
-                    <span>
-                      Address
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                class="ant-table-tbody">
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
-                        <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Name
                         </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      John Brown
-                    </a>
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    New York No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
-                        <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Age
                         </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      Jim Green
-                    </a>
-                  </td>
-                  <td
-                    class="">
-                    42
-                  </td>
-                  <td
-                    class="">
-                    London No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
-                        <span
-                          class="ant-checkbox">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            type="checkbox" />
+                      </th>
+                      <th
+                        class="">
+                        <span>
+                          Address
                         </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      Joe Black
-                    </a>
-                  </td>
-                  <td
-                    class="">
-                    32
-                  </td>
-                  <td
-                    class="">
-                    Sidney No. 1 Lake Park
-                  </td>
-                </tr>
-                <tr
-                  class="ant-table-row  ant-table-row-level-0">
-                  <td
-                    class="ant-table-selection-column">
-                    <span>
-                      <label
-                        class="ant-checkbox-wrapper">
-                        <span
-                          class="ant-checkbox ant-checkbox-disabled">
-                          <span
-                            class="ant-checkbox-inner" />
-                          <input
-                            class="ant-checkbox-input"
-                            disabled=""
-                            type="checkbox" />
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
                         </span>
-                      </label>
-                    </span>
-                  </td>
-                  <td
-                    class="">
-                    <span
-                      class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
-                    <a
-                      href="#">
-                      Disabled User
-                    </a>
-                  </td>
-                  <td
-                    class="">
-                    99
-                  </td>
-                  <td
-                    class="">
-                    Sidney No. 1 Lake Park
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+                      </td>
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          John Brown
+                        </a>
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        New York No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
+                        </span>
+                      </td>
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          Jim Green
+                        </a>
+                      </td>
+                      <td
+                        class="">
+                        42
+                      </td>
+                      <td
+                        class="">
+                        London No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                type="checkbox" />
+                            </span>
+                          </label>
+                        </span>
+                      </td>
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          Joe Black
+                        </a>
+                      </td>
+                      <td
+                        class="">
+                        32
+                      </td>
+                      <td
+                        class="">
+                        Sidney No. 1 Lake Park
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="ant-table-selection-column">
+                        <span>
+                          <label
+                            class="ant-checkbox-wrapper">
+                            <span
+                              class="ant-checkbox ant-checkbox-disabled">
+                              <span
+                                class="ant-checkbox-inner" />
+                              <input
+                                class="ant-checkbox-input"
+                                disabled=""
+                                type="checkbox" />
+                            </span>
+                          </label>
+                        </span>
+                      </td>
+                      <td
+                        class="">
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        <a
+                          href="#">
+                          Disabled User
+                        </a>
+                      </td>
+                      <td
+                        class="">
+                        99
+                      </td>
+                      <td
+                        class="">
+                        Sidney No. 1 Lake Park
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </span>
           </div>
-        </span>
+        </div>
       </div>
+      <ul
+        class="ant-pagination ant-table-pagination"
+        unselectable="unselectable">
+        <li
+          class="ant-pagination-disabled ant-pagination-prev"
+          title="上一页">
+          <a />
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          title="1">
+          <a>
+            1
+          </a>
+        </li>
+        <li
+          class="ant-pagination-disabled ant-pagination-next"
+          title="下一页">
+          <a />
+        </li>
+      </ul>
     </div>
   </div>
-  <ul
-    class="ant-pagination ant-table-pagination"
-    unselectable="unselectable">
-    <li
-      class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
-      <a />
-    </li>
-    <li
-      class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
-      <a>
-        1
-      </a>
-    </li>
-    <li
-      class="ant-pagination-disabled ant-pagination-next"
-      title="下一页">
-      <a />
-    </li>
-  </ul>
 </div>
 `;
 
@@ -7168,459 +7282,465 @@ exports[`test renders ./components/table/demo/row-selection-and-operation.md cor
   <div
     class="">
     <div
-      class="ant-table ant-table-large ant-table-scroll-position-left">
+      class="ant-spin-nested-loading">
       <div
-        class="ant-table-content">
+        class="ant-spin-container">
         <div
-          class="">
-          <span>
+          class="ant-table ant-table-large ant-table-scroll-position-left">
+          <div
+            class="ant-table-content">
             <div
-              class="ant-table-body">
-              <table
-                class="">
-                <colgroup>
-                  <col />
-                  <col />
-                  <col />
-                  <col />
-                </colgroup>
-                <thead
-                  class="ant-table-thead">
-                  <tr>
-                    <th
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
+              class="">
+              <span>
+                <div
+                  class="ant-table-body">
+                  <table
+                    class="">
+                    <colgroup>
+                      <col />
+                      <col />
+                      <col />
+                      <col />
+                    </colgroup>
+                    <thead
+                      class="ant-table-thead">
+                      <tr>
+                        <th
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
                           </span>
-                        </label>
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Name
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Age
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Address
-                      </span>
-                    </th>
-                  </tr>
-                </thead>
-                <tbody
-                  class="ant-table-tbody">
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Name
                           </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edward King 0
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London, Park Lane no. 0
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Age
                           </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edward King 1
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London, Park Lane no. 1
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Address
                           </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edward King 2
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London, Park Lane no. 2
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
-                          <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody
+                      class="ant-table-tbody">
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
                           </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edward King 3
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London, Park Lane no. 3
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
+                        </td>
+                        <td
+                          class="">
                           <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edward King 0
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London, Park Lane no. 0
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
                           </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edward King 4
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London, Park Lane no. 4
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
+                        </td>
+                        <td
+                          class="">
                           <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edward King 1
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London, Park Lane no. 1
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
                           </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edward King 5
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London, Park Lane no. 5
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
+                        </td>
+                        <td
+                          class="">
                           <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edward King 2
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London, Park Lane no. 2
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
                           </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edward King 6
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London, Park Lane no. 6
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
+                        </td>
+                        <td
+                          class="">
                           <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edward King 3
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London, Park Lane no. 3
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
                           </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edward King 7
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London, Park Lane no. 7
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
+                        </td>
+                        <td
+                          class="">
                           <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edward King 4
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London, Park Lane no. 4
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
                           </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edward King 8
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London, Park Lane no. 8
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="ant-table-selection-column">
-                      <span>
-                        <label
-                          class="ant-checkbox-wrapper">
+                        </td>
+                        <td
+                          class="">
                           <span
-                            class="ant-checkbox">
-                            <span
-                              class="ant-checkbox-inner" />
-                            <input
-                              class="ant-checkbox-input"
-                              type="checkbox" />
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edward King 5
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London, Park Lane no. 5
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
                           </span>
-                        </label>
-                      </span>
-                    </td>
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Edward King 9
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      London, Park Lane no. 9
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
+                        </td>
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edward King 6
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London, Park Lane no. 6
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edward King 7
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London, Park Lane no. 7
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edward King 8
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London, Park Lane no. 8
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="ant-table-selection-column">
+                          <span>
+                            <label
+                              class="ant-checkbox-wrapper">
+                              <span
+                                class="ant-checkbox">
+                                <span
+                                  class="ant-checkbox-inner" />
+                                <input
+                                  class="ant-checkbox-input"
+                                  type="checkbox" />
+                              </span>
+                            </label>
+                          </span>
+                        </td>
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Edward King 9
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          London, Park Lane no. 9
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </span>
             </div>
-          </span>
+          </div>
         </div>
+        <ul
+          class="ant-pagination ant-table-pagination"
+          unselectable="unselectable">
+          <li
+            class="ant-pagination-disabled ant-pagination-prev"
+            title="上一页">
+            <a />
+          </li>
+          <li
+            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+            title="1">
+            <a>
+              1
+            </a>
+          </li>
+          <li
+            class="ant-pagination-item ant-pagination-item-2"
+            title="2">
+            <a>
+              2
+            </a>
+          </li>
+          <li
+            class="ant-pagination-item ant-pagination-item-3"
+            title="3">
+            <a>
+              3
+            </a>
+          </li>
+          <li
+            class="ant-pagination-item ant-pagination-item-4"
+            title="4">
+            <a>
+              4
+            </a>
+          </li>
+          <li
+            class="ant-pagination-item ant-pagination-item-5"
+            title="5">
+            <a>
+              5
+            </a>
+          </li>
+          <li
+            class=" ant-pagination-next"
+            title="下一页">
+            <a />
+          </li>
+        </ul>
       </div>
     </div>
-    <ul
-      class="ant-pagination ant-table-pagination"
-      unselectable="unselectable">
-      <li
-        class="ant-pagination-disabled ant-pagination-prev"
-        title="上一页">
-        <a />
-      </li>
-      <li
-        class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-        title="1">
-        <a>
-          1
-        </a>
-      </li>
-      <li
-        class="ant-pagination-item ant-pagination-item-2"
-        title="2">
-        <a>
-          2
-        </a>
-      </li>
-      <li
-        class="ant-pagination-item ant-pagination-item-3"
-        title="3">
-        <a>
-          3
-        </a>
-      </li>
-      <li
-        class="ant-pagination-item ant-pagination-item-4"
-        title="4">
-        <a>
-          4
-        </a>
-      </li>
-      <li
-        class="ant-pagination-item ant-pagination-item-5"
-        title="5">
-        <a>
-          5
-        </a>
-      </li>
-      <li
-        class=" ant-pagination-next"
-        title="下一页">
-        <a />
-      </li>
-    </ul>
   </div>
 </div>
 `;
@@ -7633,128 +7753,134 @@ exports[`test renders ./components/table/demo/size.md correctly 1`] = `
   <div
     class="">
     <div
-      class="ant-table ant-table-middle ant-table-scroll-position-left">
+      class="ant-spin-nested-loading">
       <div
-        class="ant-table-content">
+        class="ant-spin-container">
         <div
-          class="">
-          <span>
+          class="ant-table ant-table-middle ant-table-scroll-position-left">
+          <div
+            class="ant-table-content">
             <div
-              class="ant-table-body">
-              <table
-                class="">
-                <colgroup>
-                  <col />
-                  <col />
-                  <col />
-                </colgroup>
-                <thead
-                  class="ant-table-thead">
-                  <tr>
-                    <th
-                      class="">
-                      <span>
-                        Name
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Age
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Address
-                      </span>
-                    </th>
-                  </tr>
-                </thead>
-                <tbody
-                  class="ant-table-tbody">
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      New York No. 1 Lake Park
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Jim Green
-                    </td>
-                    <td
-                      class="">
-                      42
-                    </td>
-                    <td
-                      class="">
-                      London No. 1 Lake Park
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Joe Black
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      Sidney No. 1 Lake Park
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
+              class="">
+              <span>
+                <div
+                  class="ant-table-body">
+                  <table
+                    class="">
+                    <colgroup>
+                      <col />
+                      <col />
+                      <col />
+                    </colgroup>
+                    <thead
+                      class="ant-table-thead">
+                      <tr>
+                        <th
+                          class="">
+                          <span>
+                            Name
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Age
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Address
+                          </span>
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody
+                      class="ant-table-tbody">
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          New York No. 1 Lake Park
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Jim Green
+                        </td>
+                        <td
+                          class="">
+                          42
+                        </td>
+                        <td
+                          class="">
+                          London No. 1 Lake Park
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Joe Black
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          Sidney No. 1 Lake Park
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </span>
             </div>
-          </span>
+          </div>
         </div>
+        <ul
+          class="ant-pagination ant-table-pagination mini"
+          unselectable="unselectable">
+          <li
+            class="ant-pagination-disabled ant-pagination-prev"
+            title="上一页">
+            <a />
+          </li>
+          <li
+            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+            title="1">
+            <a>
+              1
+            </a>
+          </li>
+          <li
+            class="ant-pagination-disabled ant-pagination-next"
+            title="下一页">
+            <a />
+          </li>
+        </ul>
       </div>
     </div>
-    <ul
-      class="ant-pagination ant-table-pagination mini"
-      unselectable="unselectable">
-      <li
-        class="ant-pagination-disabled ant-pagination-prev"
-        title="上一页">
-        <a />
-      </li>
-      <li
-        class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-        title="1">
-        <a>
-          1
-        </a>
-      </li>
-      <li
-        class="ant-pagination-disabled ant-pagination-next"
-        title="下一页">
-        <a />
-      </li>
-    </ul>
   </div>
   <h4>
     Small size table
@@ -7762,128 +7888,134 @@ exports[`test renders ./components/table/demo/size.md correctly 1`] = `
   <div
     class="">
     <div
-      class="ant-table ant-table-small ant-table-scroll-position-left">
+      class="ant-spin-nested-loading">
       <div
-        class="ant-table-content">
+        class="ant-spin-container">
         <div
-          class="">
-          <span>
+          class="ant-table ant-table-small ant-table-scroll-position-left">
+          <div
+            class="ant-table-content">
             <div
-              class="ant-table-body">
-              <table
-                class="">
-                <colgroup>
-                  <col />
-                  <col />
-                  <col />
-                </colgroup>
-                <thead
-                  class="ant-table-thead">
-                  <tr>
-                    <th
-                      class="">
-                      <span>
-                        Name
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Age
-                      </span>
-                    </th>
-                    <th
-                      class="">
-                      <span>
-                        Address
-                      </span>
-                    </th>
-                  </tr>
-                </thead>
-                <tbody
-                  class="ant-table-tbody">
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      John Brown
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      New York No. 1 Lake Park
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Jim Green
-                    </td>
-                    <td
-                      class="">
-                      42
-                    </td>
-                    <td
-                      class="">
-                      London No. 1 Lake Park
-                    </td>
-                  </tr>
-                  <tr
-                    class="ant-table-row  ant-table-row-level-0">
-                    <td
-                      class="">
-                      <span
-                        class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
-                      Joe Black
-                    </td>
-                    <td
-                      class="">
-                      32
-                    </td>
-                    <td
-                      class="">
-                      Sidney No. 1 Lake Park
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
+              class="">
+              <span>
+                <div
+                  class="ant-table-body">
+                  <table
+                    class="">
+                    <colgroup>
+                      <col />
+                      <col />
+                      <col />
+                    </colgroup>
+                    <thead
+                      class="ant-table-thead">
+                      <tr>
+                        <th
+                          class="">
+                          <span>
+                            Name
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Age
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Address
+                          </span>
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody
+                      class="ant-table-tbody">
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          John Brown
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          New York No. 1 Lake Park
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Jim Green
+                        </td>
+                        <td
+                          class="">
+                          42
+                        </td>
+                        <td
+                          class="">
+                          London No. 1 Lake Park
+                        </td>
+                      </tr>
+                      <tr
+                        class="ant-table-row  ant-table-row-level-0">
+                        <td
+                          class="">
+                          <span
+                            class="ant-table-row-indent indent-level-0"
+                            style="padding-left:0px;" />
+                          Joe Black
+                        </td>
+                        <td
+                          class="">
+                          32
+                        </td>
+                        <td
+                          class="">
+                          Sidney No. 1 Lake Park
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </span>
             </div>
-          </span>
+          </div>
         </div>
+        <ul
+          class="ant-pagination ant-table-pagination mini"
+          unselectable="unselectable">
+          <li
+            class="ant-pagination-disabled ant-pagination-prev"
+            title="上一页">
+            <a />
+          </li>
+          <li
+            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+            title="1">
+            <a>
+              1
+            </a>
+          </li>
+          <li
+            class="ant-pagination-disabled ant-pagination-next"
+            title="下一页">
+            <a />
+          </li>
+        </ul>
       </div>
     </div>
-    <ul
-      class="ant-pagination ant-table-pagination mini"
-      unselectable="unselectable">
-      <li
-        class="ant-pagination-disabled ant-pagination-prev"
-        title="上一页">
-        <a />
-      </li>
-      <li
-        class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-        title="1">
-        <a>
-          1
-        </a>
-      </li>
-      <li
-        class="ant-pagination-disabled ant-pagination-next"
-        title="下一页">
-        <a />
-      </li>
-    </ul>
   </div>
 </div>
 `;

From ddcc284b43edeb628cff7cd8e736e49c91c7dcab Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 18 Feb 2017 15:24:25 +0800
Subject: [PATCH 54/88] Fix dark theme menu style of Dropdown, close #4903

---
 components/dropdown/style/index.less | 40 +++++++++++++++++++++++++---
 1 file changed, 36 insertions(+), 4 deletions(-)

diff --git a/components/dropdown/style/index.less b/components/dropdown/style/index.less
index a3207020f5..d7e1abe426 100644
--- a/components/dropdown/style/index.less
+++ b/components/dropdown/style/index.less
@@ -58,13 +58,14 @@
       color: @text-color;
       white-space: nowrap;
       cursor: pointer;
-      transition: background 0.3s ease;
+      transition: all .3s;
 
       > a {
         color: @text-color;
         display: block;
         padding: 7px 16px;
         margin: -7px -16px;
+        transition: all .3s;
       }
 
       &:hover {
@@ -83,15 +84,18 @@
         }
       }
 
-      &:first-child {
+      &:first-child,
+      &:first-child > a {
         border-radius: @border-radius-base @border-radius-base 0 0;
       }
 
-      &:last-child {
+      &:last-child,
+      &:last-child > a {
         border-radius: 0 0 @border-radius-base @border-radius-base;
       }
 
-      &:only-child {
+      &:only-child,
+      &:only-child > a {
         border-radius: @border-radius-base;
       }
 
@@ -182,3 +186,31 @@
     .iconfont-size-under-12px(10px);
   }
 }
+
+// https://github.com/ant-design/ant-design/issues/4903
+.@{dropdown-prefix-cls}-menu-dark {
+  &,
+  .@{dropdown-prefix-cls}-menu {
+    background: @menu-dark-bg;
+  }
+  .@{dropdown-prefix-cls}-menu-item,
+  .@{dropdown-prefix-cls}-menu-submenu-title,
+  .@{dropdown-prefix-cls}-menu-item > a {
+    color: @text-color-secondary-dark;
+    &:after {
+      color: @text-color-secondary-dark;
+    }
+    &:hover {
+      color: #fff;
+      background: transparent;
+    }
+  }
+  .@{dropdown-prefix-cls}-menu-item-selected {
+    &,
+    &:hover,
+    > a {
+      background: @primary-color;
+      color: #fff;
+    }
+  }
+}

From 8283a36b2e963edc1a7fc8659319f6be1cb33f99 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 18 Feb 2017 15:29:56 +0800
Subject: [PATCH 55/88] Fix version definition error, close #4935

---
 scripts/prepub.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/scripts/prepub.js b/scripts/prepub.js
index 4c9c10fdb3..54d707f036 100644
--- a/scripts/prepub.js
+++ b/scripts/prepub.js
@@ -16,6 +16,15 @@ if (fs.existsSync(path.join(__dirname, '../lib'))) {
     versionFilePath,
     versionFileContent.replace(`require('../../package.json')`, `{ version: '${packageInfo.version}' }`)
   );
+
+  // Build package.json version to lib/version/index.d.ts
+  // prevent https://github.com/ant-design/ant-design/issues/4935
+  const versionDefPath = path.join(process.cwd(), 'lib', 'version', 'index.d.ts');
+  const versionDefContent = fs.readFileSync(versionDefPath).toString();
+  fs.writeFileSync(
+    versionDefPath,
+    versionDefContent.replace(`require('../../package.json')`, `{ version: '${packageInfo.version}' }`)
+  );
 }
 
 if (fs.existsSync(path.join(__dirname, '../dist'))) {

From 86981114a7a594dae883b11a090c3eddc14942b4 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 18 Feb 2017 15:50:42 +0800
Subject: [PATCH 56/88] give up #4637 and fix #4936

---
 components/table/style/index.less | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/components/table/style/index.less b/components/table/style/index.less
index 239378450d..c4d80202fe 100644
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@@ -495,11 +495,6 @@
     overflow: scroll;
     padding-bottom: 20px;
     margin-bottom: -20px;
-
-    // Fix https://github.com/ant-design/ant-design/issues/4637
-    &::-webkit-scrollbar {
-      opacity: 0.001;
-    }
   }
 
   /* fix firefox scrollbar bug */

From 8194793f9ba87252522fac050dc3dd89ab8c3fac Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 18 Feb 2017 16:49:34 +0800
Subject: [PATCH 57/88] Update demo documentation

---
 components/table/demo/fixed-columns-header.md | 10 +++++++---
 components/table/demo/fixed-columns.md        | 14 +++++++++-----
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/components/table/demo/fixed-columns-header.md b/components/table/demo/fixed-columns-header.md
index 3d99ef7244..4306d732dc 100644
--- a/components/table/demo/fixed-columns-header.md
+++ b/components/table/demo/fixed-columns-header.md
@@ -9,18 +9,22 @@ title:
 
 适合同时展示有大量数据和数据列。
 
-> 若列头与内容不对齐，请指定每列宽度 `width`。
+> 若列头与内容不对齐，请指定列的宽度 `width`。
 
 > 建议指定 `scroll.x` 为固定宽度。注意，非固定列宽度之和不要超过 `scroll.x`。
 
+> 如果希望 `scroll.x` 为自适应内容宽度，可以指定 `scroll={{ x: true }}`，然后使用 `white-space: nowrap` 样式强制单元格不自动换行。
+
 ## en-US
 
-Suitable for large amounts of data with long columns.
+A Solution for displaying large amounts of data with long columns.
 
-> Specify the width of each column if header and cell do not align properly.
+> Specify the width of columns if header and cell do not align properly.
 
 > A fixed width for `scroll.x` is recommended. The sum of unfixed columns should not greater than `scroll.x`.
 
+> If you hope the `scroll.x` will adapt content's witdh, you can set `scroll={{ x: true }}` ant then use css `white-space: nowrap` to make sure table cell will not be wrapped.
+
 ````jsx
 import { Table } from 'antd';
 
diff --git a/components/table/demo/fixed-columns.md b/components/table/demo/fixed-columns.md
index 1f8b3ed854..4e4a60e10c 100644
--- a/components/table/demo/fixed-columns.md
+++ b/components/table/demo/fixed-columns.md
@@ -9,17 +9,21 @@ title:
 
 对于列数很多的数据，可以固定前后的列，横向滚动查看其它数据，需要和 `scroll.x` 配合使用。
 
-> 若列头与内容不对齐，请指定每列宽度 `width`。
+> 若列头与内容不对齐，请指定列的宽度 `width`。
 
-> 建议指定 scroll.x 为固定宽度。
+> 建议指定 `scroll.x` 为固定宽度。注意，非固定列宽度之和不要超过 `scroll.x`。
+
+> 如果希望 `scroll.x` 为自适应内容宽度，可以指定 `scroll={{ x: true }}`，然后使用 `white-space: nowrap` 样式强制单元格不自动换行。
 
 ## en-US
 
-Fix some columns and scroll in other columns. You must set `scoll.x` meanwhile.
+To fix some columns and scroll inside other columns, and you must set `scoll.x` meanwhile.
 
-> Specify the width of each column if header and cell do not align properly.
+> Specify the width of columns if header and cell do not align properly.
 
-> A fixed width for `scroll.x` is recommended.
+> A fixed width for `scroll.x` is recommended. The sum of unfixed columns should not greater than `scroll.x`.
+
+> If you hope the `scroll.x` will adapt content's witdh, you can set `scroll={{ x: true }}` ant then use css `white-space: nowrap` to make sure table cell will not be wrapped.
 
 ````jsx
 import { Table } from 'antd';

From 2512e6b5b577bb1f5d67e2f73f4fe299d00ea50c Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 18 Feb 2017 17:19:17 +0800
Subject: [PATCH 58/88] site: update toc width

---
 site/theme/static/toc.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/theme/static/toc.less b/site/theme/static/toc.less
index f6b82c194d..c8a06e60a8 100644
--- a/site/theme/static/toc.less
+++ b/site/theme/static/toc.less
@@ -59,6 +59,6 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    max-width: 110px;
+    width: 110px;
   }
 }

From e71807b7327f64bd159c8e769e5bd4eea8e3dcf5 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 18 Feb 2017 18:12:38 +0800
Subject: [PATCH 59/88] Improve pagination demo

---
 .../__tests__/__snapshots__/demo.test.js.snap | 46 +++++++++++--------
 components/pagination/demo/mini.md            |  8 +++-
 components/pagination/demo/more.md            |  2 +-
 components/pagination/index.en-US.md          |  1 +
 components/pagination/index.zh-CN.md          |  1 +
 5 files changed, 37 insertions(+), 21 deletions(-)

diff --git a/components/pagination/__tests__/__snapshots__/demo.test.js.snap b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
index 3800d61e6f..a6e955e45c 100644
--- a/components/pagination/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
@@ -322,7 +322,6 @@ exports[`test renders ./components/pagination/demo/mini.md correctly 1`] = `
       <a />
     </li>
   </ul>
-  <br />
   <ul
     class="ant-pagination  mini"
     unselectable="unselectable">
@@ -410,7 +409,6 @@ exports[`test renders ./components/pagination/demo/mini.md correctly 1`] = `
       </div>
     </div>
   </ul>
-  <br />
   <ul
     class="ant-pagination  mini"
     unselectable="unselectable">
@@ -472,45 +470,57 @@ exports[`test renders ./components/pagination/demo/more.md correctly 1`] = `
   class="ant-pagination "
   unselectable="unselectable">
   <li
-    class="ant-pagination-disabled ant-pagination-prev"
+    class=" ant-pagination-prev"
     title="上一页">
     <a />
   </li>
   <li
-    class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+    class="ant-pagination-item ant-pagination-item-1"
     title="1">
     <a>
       1
     </a>
   </li>
   <li
-    class="ant-pagination-item ant-pagination-item-2"
-    title="2">
-    <a>
-      2
-    </a>
+    class="ant-pagination-jump-prev"
+    title="向前 5 页">
+    <a />
   </li>
   <li
-    class="ant-pagination-item ant-pagination-item-3"
-    title="3">
-    <a>
-      3
-    </a>
-  </li>
-  <li
-    class="ant-pagination-item ant-pagination-item-4"
+    class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-after-jump-prev"
     title="4">
     <a>
       4
     </a>
   </li>
   <li
-    class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
+    class="ant-pagination-item ant-pagination-item-5"
     title="5">
     <a>
       5
     </a>
   </li>
+  <li
+    class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-active"
+    title="6">
+    <a>
+      6
+    </a>
+  </li>
+  <li
+    class="ant-pagination-item ant-pagination-item-7"
+    title="7">
+    <a>
+      7
+    </a>
+  </li>
+  <li
+    class="ant-pagination-item ant-pagination-item-8 ant-pagination-item-before-jump-next"
+    title="8">
+    <a>
+      8
+    </a>
+  </li>
   <li
     class="ant-pagination-jump-next"
     title="向后 5 页">
diff --git a/components/pagination/demo/mini.md b/components/pagination/demo/mini.md
index 1bd2344fab..630965cdde 100644
--- a/components/pagination/demo/mini.md
+++ b/components/pagination/demo/mini.md
@@ -23,10 +23,14 @@ function showTotal(total) {
 ReactDOM.render(
   <div>
     <Pagination size="small" total={50} />
-    <br />
     <Pagination size="small" total={50} showSizeChanger showQuickJumper />
-    <br />
     <Pagination size="small" total={50} showTotal={showTotal} />
   </div>
 , mountNode);
 ````
+
+<style>
+#components-pagination-demo-mini .ant-pagination:not(:last-child) {
+  margin-bottom: 24px;
+}
+</style>
diff --git a/components/pagination/demo/more.md b/components/pagination/demo/more.md
index 5d4d38a301..9ce18c0053 100644
--- a/components/pagination/demo/more.md
+++ b/components/pagination/demo/more.md
@@ -17,6 +17,6 @@ More pages.
 import { Pagination } from 'antd';
 
 ReactDOM.render(
-  <Pagination defaultCurrent={1} total={500} />
+  <Pagination defaultCurrent={6} total={500} />
 , mountNode);
 ````
diff --git a/components/pagination/index.en-US.md b/components/pagination/index.en-US.md
index 813a8c6541..503c1c9acf 100644
--- a/components/pagination/index.en-US.md
+++ b/components/pagination/index.en-US.md
@@ -2,6 +2,7 @@
 category: Components
 type: Navigation
 title: Pagination
+cols: 1
 ---
 
 A long list can be divided into several pages by `Pagination`, and only one page will be loaded at a time.
diff --git a/components/pagination/index.zh-CN.md b/components/pagination/index.zh-CN.md
index 6a2823e4ec..a5c676ee63 100644
--- a/components/pagination/index.zh-CN.md
+++ b/components/pagination/index.zh-CN.md
@@ -3,6 +3,7 @@ category: Components
 subtitle: 分页
 type: Navigation
 title: Pagination
+cols: 1
 ---
 
 采用分页的形式分隔长列表，每次只加载一个页面。

From 90daeb9a2b0827623b1dd5e50ab795332b1ca7d4 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 19 Feb 2017 01:39:41 +0800
Subject: [PATCH 60/88] Adjust upload demo

---
 .../__tests__/__snapshots__/demo.test.js.snap | 18 ++++++++++++
 components/upload/demo/defaultFileList.md     | 29 +++++++++++--------
 components/upload/style/index.less            |  3 +-
 3 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/components/upload/__tests__/__snapshots__/demo.test.js.snap b/components/upload/__tests__/__snapshots__/demo.test.js.snap
index 156b0ab54b..cff5e8804d 100644
--- a/components/upload/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/upload/__tests__/__snapshots__/demo.test.js.snap
@@ -62,6 +62,24 @@ exports[`test renders ./components/upload/demo/defaultFileList.md correctly 1`]
           title="Remove file" />
       </div>
     </div>
+    <div
+      class="ant-upload-list-item ant-upload-list-item-error">
+      <div
+        class="ant-upload-list-item-info">
+        <i
+          class="anticon anticon-paper-clip" />
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/zzz.png"
+          rel="noopener noreferrer"
+          target="_blank">
+          zzz.png
+        </a>
+        <i
+          class="anticon anticon-cross"
+          title="Remove file" />
+      </div>
+    </div>
   </div>
 </span>
 `;
diff --git a/components/upload/demo/defaultFileList.md b/components/upload/demo/defaultFileList.md
index f0995c8e32..4f62122339 100644
--- a/components/upload/demo/defaultFileList.md
+++ b/components/upload/demo/defaultFileList.md
@@ -1,40 +1,45 @@
 ---
 order: 2
-title: 
-  zh-CN: 传入已上传的文件
-  en-US: Set files that have been uploaded
+title:
+  zh-CN: 已上传的文件列表
+  en-US: Default Files
 ---
 
 ## zh-CN
 
-对已上传的文件进行编辑。
+使用 `defaultFileList` 设置已上传的内容。
 
 ## en-US
 
-Edit uploaded files
-
+Use `defaultFileList` for uploaded files when page init.
 
 ````jsx
 import { Upload, Button, Icon } from 'antd';
 
 const props = {
   action: '/upload.do',
-  onChange(info) {
-    if (info.file.status !== 'uploading') {
-      console.log(info.file);
-      console.log(info.fileList);
+  onChange({ file, fileList }) {
+    if (file.status !== 'uploading') {
+      console.log(file, fileList);
     }
   },
   defaultFileList: [{
-    uid: -1,
+    uid: 1,
     name: 'xxx.png',
     status: 'done',
+    reponse: 'Server Error 500',  // custom error message to show
     url: 'http://www.baidu.com/xxx.png',
   }, {
-    uid: -2,
+    uid: 2,
     name: 'yyy.png',
     status: 'done',
     url: 'http://www.baidu.com/yyy.png',
+  }, {
+    uid: 3,
+    name: 'zzz.png',
+    status: 'error',
+    reponse: 'Server Error 500',  // custom error message to show
+    url: 'http://www.baidu.com/zzz.png',
   }],
 };
 
diff --git a/components/upload/style/index.less b/components/upload/style/index.less
index 3d9525b903..03b4daf56a 100644
--- a/components/upload/style/index.less
+++ b/components/upload/style/index.less
@@ -152,7 +152,8 @@
     }
 
     &-error,
-    &-error .@{iconfont-css-prefix}-paper-clip {
+    &-error .@{iconfont-css-prefix}-paper-clip,
+    &-error &-item-name {
       color: @error-color;
     }
 

From b427adec210d1a2a502cfc746a41205d5f0daf03 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 19 Feb 2017 01:42:58 +0800
Subject: [PATCH 61/88] docs: add instrunction about footer={null}

---
 components/modal/demo/footer.md | 10 +++++++---
 components/modal/index.en-US.md |  2 +-
 components/modal/index.zh-CN.md |  2 +-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/components/modal/demo/footer.md b/components/modal/demo/footer.md
index 48e427608c..9d7749c5a8 100644
--- a/components/modal/demo/footer.md
+++ b/components/modal/demo/footer.md
@@ -2,19 +2,23 @@
 order: 2
 title:
   zh-CN: 自定义页脚
-  en-US: Customized footer
+  en-US: Customized Footer
 ---
 
 ## zh-CN
 
 更复杂的例子，自定义了页脚的按钮，点击提交后进入 loading 状态，完成后关闭。
 
+不需要默认确定取消按钮时，你可以把 `footer` 设为 `null`。
+
 ## en-US
 
-A more complex example, as illustrated in this example, we define a customized footer button bar,
-the dialog will change to loading state after clicking submit button , when the loading is over,
+A more complex example which define a customized footer button bar,
+the dialog will change to loading state after clicking submit button, when the loading is over,
 the modal dialog will be closed.
 
+You could set `footer` to `null` if you don't need default footer buttons.
+
 ````jsx
 import { Modal, Button } from 'antd';
 
diff --git a/components/modal/index.en-US.md b/components/modal/index.en-US.md
index 7d673eb315..59750ddc51 100644
--- a/components/modal/index.en-US.md
+++ b/components/modal/index.en-US.md
@@ -25,7 +25,7 @@ and so on.
 | onOk       | Specify a function that will be called when a user clicked OK button | function | no |
 | onCancel   | Specify a function that will be called when a user clicked mask, close button on top right or cancel button | function(e)  | no         |
 | width      | Width of a modal dialog           | string\|number | 520           |
-| footer     | Footer content       | string\|ReactNode | OK and cancel button |
+| footer     | Footer content, set as `footer={null}` when you don't need default buttons | string\|ReactNode | OK and cancel button |
 | okText     | Text of the OK button    | string           | OK       |
 | cancelText | Text of the Cancel button    | string           | Cancel       |
 | maskClosable | Determine whether to close the modal dialog when clicked mask of it. | boolean   | true       |
diff --git a/components/modal/index.zh-CN.md b/components/modal/index.zh-CN.md
index 2a2c3dca82..36ab711a47 100644
--- a/components/modal/index.zh-CN.md
+++ b/components/modal/index.zh-CN.md
@@ -24,7 +24,7 @@ title: Modal
 | onOk       | 点击确定回调       | function     | 无           |
 | onCancel   | 点击遮罩层或右上角叉或取消按钮的回调  | function(e)  | 无         |
 | width      | 宽度           | string\|number | 520           |
-| footer     | 底部内容       | string\|ReactNode | 确定取消按钮 |
+| footer     | 底部内容，当不需要默认底部按钮时，可以设为 `footer={null}` | string\|ReactNode | 确定取消按钮 |
 | okText     | 确认按钮文字    | string           | 确定       |
 | cancelText | 取消按钮文字    | string           | 取消       |
 | maskClosable | 点击蒙层是否允许关闭 | boolean   | true       |

From b34557ef17793f966ca0ea6eeec9b069f6762ae7 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 19 Feb 2017 13:49:22 +0800
Subject: [PATCH 62/88] Fix Table pagination.onChange arguments

react-component/pagination#58
---
 components/table/Table.tsx                          | 4 ++--
 components/table/__tests__/Table.pagination.test.js | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/components/table/Table.tsx b/components/table/Table.tsx
index 58e3b90c9d..92ec6ef533 100755
--- a/components/table/Table.tsx
+++ b/components/table/Table.tsx
@@ -500,7 +500,7 @@ export default class Table<T> extends React.Component<TableProps<T>, any> {
     });
   }
 
-  handlePageChange = (current) => {
+  handlePageChange = (current, ...otherArguments) => {
     const props = this.props;
     let pagination = assign({}, this.state.pagination);
     if (current) {
@@ -508,7 +508,7 @@ export default class Table<T> extends React.Component<TableProps<T>, any> {
     } else {
       pagination.current = pagination.current || 1;
     }
-    pagination.onChange(pagination.current);
+    pagination.onChange(pagination.current, ...otherArguments);
 
     const newState = {
       pagination,
diff --git a/components/table/__tests__/Table.pagination.test.js b/components/table/__tests__/Table.pagination.test.js
index 1e9518af9b..01be4faf38 100644
--- a/components/table/__tests__/Table.pagination.test.js
+++ b/components/table/__tests__/Table.pagination.test.js
@@ -56,9 +56,10 @@ describe('Table.pagination', () => {
 
   it('fires change event', () => {
     const handleChange = jest.fn();
+    const handlePaginationChange = jest.fn();
     const noop = () => {};
     const wrapper = mount(createTable({
-      pagination: { ...pagination, onChange: noop, onShowSizeChange: noop },
+      pagination: { ...pagination, onChange: handlePaginationChange, onShowSizeChange: noop },
       onChange: handleChange,
     }));
 
@@ -67,13 +68,15 @@ describe('Table.pagination', () => {
     expect(handleChange).toBeCalledWith(
       {
         current: 2,
-        onChange: noop,
+        onChange: handlePaginationChange,
         onShowSizeChange: noop,
         pageSize: 2,
       },
       {},
       {}
     );
+
+    expect(handlePaginationChange).toBeCalledWith(2, 2);
   });
 
   // https://github.com/ant-design/ant-design/issues/4532

From 6e4fae0e2919cc19729dfd59078bef59a8d9901e Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 19 Feb 2017 13:55:36 +0800
Subject: [PATCH 63/88] remove onChange functions in Table.onChange(pagination)

---
 components/table/Table.tsx                          | 7 +++++--
 components/table/__tests__/Table.pagination.test.js | 2 --
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/table/Table.tsx b/components/table/Table.tsx
index 92ec6ef533..87192a8071 100755
--- a/components/table/Table.tsx
+++ b/components/table/Table.tsx
@@ -731,9 +731,12 @@ export default class Table<T> extends React.Component<TableProps<T>, any> {
       /> : null;
   }
 
+  // Get pagination, filters, sorter
   prepareParamsArguments(state: any): [any, string[], Object] {
-    // 准备筛选、排序、分页的参数
-    const pagination = state.pagination;
+    const pagination = { ...state.pagination };
+    // remove useless handle function in Table.onChange
+    delete pagination.onChange;
+    delete pagination.onShowSizeChange;
     const filters = state.filters;
     const sorter: any = {};
     if (state.sortColumn && state.sortOrder) {
diff --git a/components/table/__tests__/Table.pagination.test.js b/components/table/__tests__/Table.pagination.test.js
index 01be4faf38..06603404fa 100644
--- a/components/table/__tests__/Table.pagination.test.js
+++ b/components/table/__tests__/Table.pagination.test.js
@@ -68,8 +68,6 @@ describe('Table.pagination', () => {
     expect(handleChange).toBeCalledWith(
       {
         current: 2,
-        onChange: handlePaginationChange,
-        onShowSizeChange: noop,
         pageSize: 2,
       },
       {},

From 673969d0bab895bfcf44374e2001b339ceaf422e Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 19 Feb 2017 14:04:22 +0800
Subject: [PATCH 64/88] fix table snapshot for react-component/table#121

---
 .../__tests__/__snapshots__/demo.test.js.snap |    73 +-
 .../__snapshots__/Table.filter.test.js.snap   |   133 +-
 .../Table.pagination.test.js.snap             |    87 +-
 .../__snapshots__/Table.test.js.snap          |   167 +-
 .../__tests__/__snapshots__/demo.test.js.snap | 12309 ++++++++--------
 5 files changed, 6318 insertions(+), 6451 deletions(-)

diff --git a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
index b3d81ce1cc..fa1e538d23 100644
--- a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
@@ -1156,45 +1156,40 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
               <div
                 class="ant-table-content">
                 <div
-                  class="">
-                  <span>
-                    <div
-                      class="ant-table-body">
-                      <table
-                        class="">
-                        <colgroup>
-                          <col />
-                          <col />
-                        </colgroup>
-                        <thead
-                          class="ant-table-thead">
-                          <tr>
-                            <th
-                              class="">
-                              <span>
-                                Name
-                                <i
-                                  class="anticon anticon-filter ant-dropdown-trigger"
-                                  title="Filter Menu" />
-                              </span>
-                            </th>
-                            <th
-                              class="">
-                              <span>
-                                Age
-                              </span>
-                            </th>
-                          </tr>
-                        </thead>
-                        <tbody
-                          class="ant-table-tbody" />
-                      </table>
-                    </div>
-                  </span>
-                  <div
-                    class="ant-table-placeholder">
-                    No Data
-                  </div>
+                  class="ant-table-body">
+                  <table
+                    class="">
+                    <colgroup>
+                      <col />
+                      <col />
+                    </colgroup>
+                    <thead
+                      class="ant-table-thead">
+                      <tr>
+                        <th
+                          class="">
+                          <span>
+                            Name
+                            <i
+                              class="anticon anticon-filter ant-dropdown-trigger"
+                              title="Filter Menu" />
+                          </span>
+                        </th>
+                        <th
+                          class="">
+                          <span>
+                            Age
+                          </span>
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody
+                      class="ant-table-tbody" />
+                  </table>
+                </div>
+                <div
+                  class="ant-table-placeholder">
+                  No Data
                 </div>
               </div>
             </div>
diff --git a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
index f8e9ebc4bd..7449a4b506 100644
--- a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
@@ -24,75 +24,70 @@ exports[`Table.filter renders filter correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                          <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jack
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Lucy
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Tom
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jerry
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选" />
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jack
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Lucy
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Tom
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jerry
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
diff --git a/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap b/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
index 7f9cc31abc..24ba4383e0 100644
--- a/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
@@ -10,52 +10,47 @@ exports[`Table.pagination renders pagination correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jack
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Lucy
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jack
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Lucy
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
diff --git a/components/table/__tests__/__snapshots__/Table.test.js.snap b/components/table/__tests__/__snapshots__/Table.test.js.snap
index 8d4fc3e352..bd00bc1717 100644
--- a/components/table/__tests__/__snapshots__/Table.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.test.js.snap
@@ -10,92 +10,87 @@ exports[`Table renders JSX correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class=""
-                        colspan="2">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="2">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                    </tr>
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          First Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Last Name
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John
-                      </td>
-                      <td
-                        class="">
-                        Brown
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim
-                      </td>
-                      <td
-                        class="">
-                        Green
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class=""
+                    colspan="2">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    rowspan="2">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                </tr>
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      First Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Last Name
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John
+                  </td>
+                  <td
+                    class="">
+                    Brown
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim
+                  </td>
+                  <td
+                    class="">
+                    Green
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index 0da7c20948..db5221e2da 100644
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -10,73 +10,68 @@ exports[`test renders ./components/table/demo/ajax.md correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col
-                      style="width:20%;min-width:20%;" />
-                    <col
-                      style="width:20%;min-width:20%;" />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                          <div
-                            class="ant-table-column-sorter">
-                            <span
-                              class="ant-table-column-sorter-up off"
-                              title="↑">
-                              <i
-                                class="anticon anticon-caret-up" />
-                            </span>
-                            <span
-                              class="ant-table-column-sorter-down off"
-                              title="↓">
-                              <i
-                                class="anticon anticon-caret-down" />
-                            </span>
-                          </div>
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Gender
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col
+                  style="width:20%;min-width:20%;" />
+                <col
+                  style="width:20%;min-width:20%;" />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                      <div
+                        class="ant-table-column-sorter">
+                        <span
+                          class="ant-table-column-sorter-up off"
+                          title="↑">
                           <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
+                            class="anticon anticon-caret-up" />
                         </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Email
+                        <span
+                          class="ant-table-column-sorter-down off"
+                          title="↓">
+                          <i
+                            class="anticon anticon-caret-down" />
                         </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody" />
-                </table>
-              </div>
+                      </div>
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Gender
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选" />
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Email
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody" />
+            </table>
+          </div>
+          <div
+            class="ant-table-placeholder">
+            <span>
+              <i
+                class="anticon anticon-frown-o" />
+              暂无数据
             </span>
-            <div
-              class="ant-table-placeholder">
-              <span>
-                <i
-                  class="anticon anticon-frown-o" />
-                暂无数据
-              </span>
-            </div>
           </div>
         </div>
       </div>
@@ -97,188 +92,183 @@ exports[`test renders ./components/table/demo/basic.md correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          John Brown
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <span>
-                          <a
-                            href="#">
-                            Action 一 John Brown
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            class="ant-dropdown-link"
-                            href="#">
-                            More actions 
-                            <i
-                              class="anticon anticon-down" />
-                          </a>
-                        </span>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Jim Green
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <span>
-                          <a
-                            href="#">
-                            Action 一 Jim Green
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            class="ant-dropdown-link"
-                            href="#">
-                            More actions 
-                            <i
-                              class="anticon anticon-down" />
-                          </a>
-                        </span>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Joe Black
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <span>
-                          <a
-                            href="#">
-                            Action 一 Joe Black
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            class="ant-dropdown-link"
-                            href="#">
-                            More actions 
-                            <i
-                              class="anticon anticon-down" />
-                          </a>
-                        </span>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Action
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      John Brown
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <span>
+                      <a
+                        href="#">
+                        Action 一 John Brown
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        class="ant-dropdown-link"
+                        href="#">
+                        More actions 
+                        <i
+                          class="anticon anticon-down" />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Jim Green
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <span>
+                      <a
+                        href="#">
+                        Action 一 Jim Green
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        class="ant-dropdown-link"
+                        href="#">
+                        More actions 
+                        <i
+                          class="anticon anticon-down" />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Joe Black
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <span>
+                      <a
+                        href="#">
+                        Action 一 Joe Black
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        class="ant-dropdown-link"
+                        href="#">
+                        More actions 
+                        <i
+                          class="anticon anticon-down" />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
@@ -324,113 +314,108 @@ exports[`test renders ./components/table/demo/bordered.md correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="column-money">
-                        <span>
-                          Cash Assets
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          John Brown
-                        </a>
-                      </td>
-                      <td
-                        class="column-money">
-                        ￥300,000.00
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Jim Green
-                        </a>
-                      </td>
-                      <td
-                        class="column-money">
-                        ￥1,256,000.00
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Joe Black
-                        </a>
-                      </td>
-                      <td
-                        class="column-money">
-                        ￥120,000.00
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
-            <div
-              class="ant-table-footer">
-              Footer
-            </div>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="column-money">
+                    <span>
+                      Cash Assets
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      John Brown
+                    </a>
+                  </td>
+                  <td
+                    class="column-money">
+                    ￥300,000.00
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Jim Green
+                    </a>
+                  </td>
+                  <td
+                    class="column-money">
+                    ￥1,256,000.00
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Joe Black
+                    </a>
+                  </td>
+                  <td
+                    class="column-money">
+                    ￥120,000.00
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div
+            class="ant-table-footer">
+            Footer
           </div>
         </div>
       </div>
@@ -472,182 +457,177 @@ exports[`test renders ./components/table/demo/colspan-rowspan.md correctly 1`] =
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        colspan="2">
-                        <span>
-                          Home phone
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          John Brown
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        0571-22098909
-                      </td>
-                      <td
-                        class="">
-                        18889898989
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Jim Green
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        0571-22098333
-                      </td>
-                      <td
-                        class="">
-                        18889898888
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Joe Black
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class=""
-                        rowspan="2">
-                        0575-22098909
-                      </td>
-                      <td
-                        class="">
-                        18900010002
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Jim Red
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        18
-                      </td>
-                      <td
-                        class="">
-                        18900010002
-                      </td>
-                      <td
-                        class="">
-                        London No. 2 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class=""
-                        colspan="5">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Jake White
-                        </a>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    colspan="2">
+                    <span>
+                      Home phone
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      John Brown
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    0571-22098909
+                  </td>
+                  <td
+                    class="">
+                    18889898989
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Jim Green
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    0571-22098333
+                  </td>
+                  <td
+                    class="">
+                    18889898888
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Joe Black
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class=""
+                    rowspan="2">
+                    0575-22098909
+                  </td>
+                  <td
+                    class="">
+                    18900010002
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Jim Red
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    18
+                  </td>
+                  <td
+                    class="">
+                    18900010002
+                  </td>
+                  <td
+                    class="">
+                    London No. 2 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class=""
+                    colspan="5">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Jake White
+                    </a>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
@@ -689,121 +669,116 @@ exports[`test renders ./components/table/demo/custom-filter-panel.md correctly 1
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                          <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim Green
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Joe Black
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim Red
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London No. 2 Lake Park
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选" />
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim Green
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Joe Black
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim Red
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London No. 2 Lake Park
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
@@ -1122,713 +1097,708 @@ exports[`test renders ./components/table/demo/dynamic-settings.md correctly 1`]
           <div
             class="ant-table-content">
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col
-                        class="ant-table-expand-icon-col" />
-                      <col />
-                      <col
-                        style="width:150px;min-width:150px;" />
-                      <col
-                        style="width:70px;min-width:70px;" />
-                      <col />
-                      <col
-                        style="width:360px;min-width:360px;" />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="ant-table-expand-icon-th"
-                          rowspan="1"
-                          title="" />
-                        <th
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Name
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Address
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Action
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+              class="ant-table-body">
+              <table
+                class="">
+                <colgroup>
+                  <col
+                    class="ant-table-expand-icon-col" />
+                  <col />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:70px;min-width:70px;" />
+                  <col />
+                  <col
+                    style="width:360px;min-width:360px;" />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="ant-table-expand-icon-th"
+                      rowspan="1"
+                      title="" />
+                    <th
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          12
-                        </td>
-                        <td
-                          class="">
-                          New York No. 1 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Address
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Action
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          22
-                        </td>
-                        <td
-                          class="">
-                          New York No. 2 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      12
+                    </td>
+                    <td
+                      class="">
+                      New York No. 1 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          New York No. 3 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      22
+                    </td>
+                    <td
+                      class="">
+                      New York No. 2 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          42
-                        </td>
-                        <td
-                          class="">
-                          New York No. 4 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      New York No. 3 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          52
-                        </td>
-                        <td
-                          class="">
-                          New York No. 5 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      42
+                    </td>
+                    <td
+                      class="">
+                      New York No. 4 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          62
-                        </td>
-                        <td
-                          class="">
-                          New York No. 6 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      52
+                    </td>
+                    <td
+                      class="">
+                      New York No. 5 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          72
-                        </td>
-                        <td
-                          class="">
-                          New York No. 7 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      62
+                    </td>
+                    <td
+                      class="">
+                      New York No. 6 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          82
-                        </td>
-                        <td
-                          class="">
-                          New York No. 8 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      72
+                    </td>
+                    <td
+                      class="">
+                      New York No. 7 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          92
-                        </td>
-                        <td
-                          class="">
-                          New York No. 9 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-row-expand-icon-cell">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      82
+                    </td>
+                    <td
+                      class="">
+                      New York No. 8 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        </td>
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            John Brown
-                          </a>
-                        </td>
-                        <td
-                          class="">
-                          102
-                        </td>
-                        <td
-                          class="">
-                          New York No. 10 Lake Park
-                        </td>
-                        <td
-                          class="">
-                          <span>
-                            <a
-                              href="#">
-                              Action 一 John Brown
-                            </a>
+                            class="ant-checkbox">
                             <span
-                              class="ant-divider" />
-                            <a
-                              href="#">
-                              Delete
-                            </a>
-                            <span
-                              class="ant-divider" />
-                            <a
-                              class="ant-dropdown-link"
-                              href="#">
-                              More actions 
-                              <i
-                                class="anticon anticon-down" />
-                            </a>
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </span>
-              <div
-                class="ant-table-footer">
-                Here is footer
-              </div>
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      92
+                    </td>
+                    <td
+                      class="">
+                      New York No. 9 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-row-expand-icon-cell">
+                      <span
+                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    </td>
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
+                          <span
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
+                          </span>
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        John Brown
+                      </a>
+                    </td>
+                    <td
+                      class="">
+                      102
+                    </td>
+                    <td
+                      class="">
+                      New York No. 10 Lake Park
+                    </td>
+                    <td
+                      class="">
+                      <span>
+                        <a
+                          href="#">
+                          Action 一 John Brown
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          href="#">
+                          Delete
+                        </a>
+                        <span
+                          class="ant-divider" />
+                        <a
+                          class="ant-dropdown-link"
+                          href="#">
+                          More actions 
+                          <i
+                            class="anticon anticon-down" />
+                        </a>
+                      </span>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+            <div
+              class="ant-table-footer">
+              Here is footer
             </div>
           </div>
         </div>
@@ -1879,120 +1849,115 @@ exports[`test renders ./components/table/demo/edit-cell.md correctly 1`] = `
           <div
             class="ant-table-content">
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col
-                        style="width:30%;min-width:30%;" />
-                      <col />
-                      <col />
-                      <col />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            name
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            age
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            address
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            operation
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          <div
-                            class="editable-cell">
-                            <div
-                              class="editable-cell-text-wrapper">
-                              Edward King 0
-                              <i
-                                class="anticon anticon-edit editable-cell-icon" />
-                            </div>
-                          </div>
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 0
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          <div
-                            class="editable-cell">
-                            <div
-                              class="editable-cell-text-wrapper">
-                              Edward King 1
-                              <i
-                                class="anticon anticon-edit editable-cell-icon" />
-                            </div>
-                          </div>
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 1
-                        </td>
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </span>
+              class="ant-table-body">
+              <table
+                class="">
+                <colgroup>
+                  <col
+                    style="width:30%;min-width:30%;" />
+                  <col />
+                  <col />
+                  <col />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        age
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        address
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        operation
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      <div
+                        class="editable-cell">
+                        <div
+                          class="editable-cell-text-wrapper">
+                          Edward King 0
+                          <i
+                            class="anticon anticon-edit editable-cell-icon" />
+                        </div>
+                      </div>
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 0
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      <div
+                        class="editable-cell">
+                        <div
+                          class="editable-cell-text-wrapper">
+                          Edward King 1
+                          <i
+                            class="anticon anticon-edit editable-cell-icon" />
+                        </div>
+                      </div>
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 1
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
           </div>
         </div>
@@ -2035,95 +2000,90 @@ exports[`test renders ./components/table/demo/edit-row.md correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col
-                      style="width:25%;min-width:25%;" />
-                    <col
-                      style="width:15%;min-width:15%;" />
-                    <col
-                      style="width:40%;min-width:40%;" />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          address
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          operation
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <div>
-                          <div
-                            class="editable-row-text">
-                            Edward King 0
-                          </div>
-                        </div>
-                      </td>
-                      <td
-                        class="">
-                        <div>
-                          <div
-                            class="editable-row-text">
-                            32
-                          </div>
-                        </div>
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 0
-                      </td>
-                      <td
-                        class="">
-                        <div
-                          class="editable-row-operations">
-                          <span>
-                            <a>
-                              Edit
-                            </a>
-                          </span>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col
+                  style="width:25%;min-width:25%;" />
+                <col
+                  style="width:15%;min-width:15%;" />
+                <col
+                  style="width:40%;min-width:40%;" />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      address
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      operation
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <div>
+                      <div
+                        class="editable-row-text">
+                        Edward King 0
+                      </div>
+                    </div>
+                  </td>
+                  <td
+                    class="">
+                    <div>
+                      <div
+                        class="editable-row-text">
+                        32
+                      </div>
+                    </div>
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 0
+                  </td>
+                  <td
+                    class="">
+                    <div
+                      class="editable-row-operations">
+                      <span>
+                        <a>
+                          Edit
+                        </a>
+                      </span>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
@@ -2165,140 +2125,135 @@ exports[`test renders ./components/table/demo/expand.md correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col
-                      class="ant-table-expand-icon-col" />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="ant-table-expand-icon-th"
-                        rowspan="1"
-                        title="" />
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-row-expand-icon-cell">
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                      </td>
-                      <td
-                        class="">
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-row-expand-icon-cell">
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                      </td>
-                      <td
-                        class="">
-                        Jim Green
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-row-expand-icon-cell">
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                      </td>
-                      <td
-                        class="">
-                        Joe Black
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          Delete
-                        </a>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col
+                  class="ant-table-expand-icon-col" />
+                <col />
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="ant-table-expand-icon-th"
+                    rowspan="1"
+                    title="" />
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Action
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-row-expand-icon-cell">
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                  </td>
+                  <td
+                    class="">
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      Delete
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-row-expand-icon-cell">
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                  </td>
+                  <td
+                    class="">
+                    Jim Green
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      Delete
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-row-expand-icon-cell">
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                  </td>
+                  <td
+                    class="">
+                    Joe Black
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      Delete
+                    </a>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
@@ -2340,396 +2295,391 @@ exports[`test renders ./components/table/demo/expand-children.md correctly 1`] =
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col
-                      style="width:40%;min-width:40%;" />
-                    <col
-                      style="width:30%;min-width:30%;" />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col
+                  style="width:40%;min-width:40%;" />
+                <col
+                  style="width:30%;min-width:30%;" />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
+                        <span
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Name
+                      </label>
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
+                        <span
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    John Brown sr.
+                  </td>
+                  <td
+                    class="">
+                    60
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-1"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
+                        <span
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-1"
+                      style="padding-left:20px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    New York No. 2 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-1"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
+                        <span
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-1"
+                      style="padding-left:20px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    John Brown jr.
+                  </td>
+                  <td
+                    class="">
+                    30
+                  </td>
+                  <td
+                    class="">
+                    New York No. 3 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-2"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
+                        <span
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-2"
+                      style="padding-left:40px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                    Jimmy Brown
+                  </td>
+                  <td
+                    class="">
+                    16
+                  </td>
+                  <td
+                    class="">
+                    New York No. 3 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-1"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        John Brown sr.
-                      </td>
-                      <td
-                        class="">
-                        60
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-1"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-1"
+                      style="padding-left:20px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    Jim Green sr.
+                  </td>
+                  <td
+                    class="">
+                    72
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-2"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-1"
-                          style="padding-left:20px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-spaced" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        New York No. 2 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-1"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-2"
+                      style="padding-left:40px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                    Jim Green
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 2 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-3"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-1"
-                          style="padding-left:20px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        John Brown jr.
-                      </td>
-                      <td
-                        class="">
-                        30
-                      </td>
-                      <td
-                        class="">
-                        New York No. 3 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-2"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-3"
+                      style="padding-left:60px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                    Jim Green jr.
+                  </td>
+                  <td
+                    class="">
+                    25
+                  </td>
+                  <td
+                    class="">
+                    London No. 3 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-3"
+                  style="display:none;">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-2"
-                          style="padding-left:40px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-spaced" />
-                        Jimmy Brown
-                      </td>
-                      <td
-                        class="">
-                        16
-                      </td>
-                      <td
-                        class="">
-                        New York No. 3 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-1"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-3"
+                      style="padding-left:60px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                    Jimmy Green sr.
+                  </td>
+                  <td
+                    class="">
+                    18
+                  </td>
+                  <td
+                    class="">
+                    London No. 4 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-1"
-                          style="padding-left:20px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        Jim Green sr.
-                      </td>
-                      <td
-                        class="">
-                        72
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-2"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-2"
-                          style="padding-left:40px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                        Jim Green
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 2 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-3"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
-                        </span>
-                      </td>
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-3"
-                          style="padding-left:60px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-spaced" />
-                        Jim Green jr.
-                      </td>
-                      <td
-                        class="">
-                        25
-                      </td>
-                      <td
-                        class="">
-                        London No. 3 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-3"
-                      style="display:none;">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
-                        </span>
-                      </td>
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-3"
-                          style="padding-left:60px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-spaced" />
-                        Jimmy Green sr.
-                      </td>
-                      <td
-                        class="">
-                        18
-                      </td>
-                      <td
-                        class="">
-                        London No. 4 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
-                        </span>
-                      </td>
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-spaced" />
-                        Joe Black
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                    Joe Black
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
@@ -2772,96 +2722,17 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
           class="ant-table-content">
           <div
             class="ant-table-fixed-left">
-            <span>
+            <div
+              class="ant-table-body-outer">
               <div
-                class="ant-table-body-outer">
-                <div
-                  class="ant-table-body-inner">
-                  <table
-                    class="ant-table-fixed">
-                    <colgroup>
-                      <col
-                        style="width:100px;min-width:100px;" />
-                      <col
-                        style="width:100px;min-width:100px;" />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            Full Name
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Jim Green
-                        </td>
-                        <td
-                          class="">
-                          40
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </span>
-          </div>
-          <div
-            class="ant-table-scroll">
-            <span>
-              <div
-                class="ant-table-body"
-                style="overflow-x:auto;">
+                class="ant-table-body-inner">
                 <table
-                  class="ant-table-fixed"
-                  style="width:1300px;">
+                  class="ant-table-fixed">
                   <colgroup>
                     <col
                       style="width:100px;min-width:100px;" />
                     <col
                       style="width:100px;min-width:100px;" />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col
-                      style="width:100px;min-width:100px;" />
                   </colgroup>
                   <thead
                     class="ant-table-thead">
@@ -2878,60 +2749,6 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                           Age
                         </span>
                       </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 1
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 2
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 3
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 4
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 5
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 6
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 7
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 8
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Action
-                        </span>
-                      </th>
                     </tr>
                   </thead>
                   <tbody
@@ -2949,45 +2766,6 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                         class="">
                         32
                       </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        New York Park
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
@@ -3002,38 +2780,256 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                         class="">
                         40
                       </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+          <div
+            class="ant-table-scroll">
+            <div
+              class="ant-table-body"
+              style="overflow-x:auto;">
+              <table
+                class="ant-table-fixed"
+                style="width:1300px;">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col />
+                  <col />
+                  <col />
+                  <col />
+                  <col />
+                  <col />
+                  <col />
+                  <col />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Full Name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 1
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 2
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 3
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 4
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 5
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 6
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 7
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 8
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Action
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      New York Park
+                    </td>
+                    <td
+                      class="">
+                      New York Park
+                    </td>
+                    <td
+                      class="">
+                      New York Park
+                    </td>
+                    <td
+                      class="">
+                      New York Park
+                    </td>
+                    <td
+                      class="">
+                      New York Park
+                    </td>
+                    <td
+                      class="">
+                      New York Park
+                    </td>
+                    <td
+                      class="">
+                      New York Park
+                    </td>
+                    <td
+                      class="">
+                      New York Park
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Jim Green
+                    </td>
+                    <td
+                      class="">
+                      40
+                    </td>
+                    <td
+                      class="">
+                      London Park
+                    </td>
+                    <td
+                      class="">
+                      London Park
+                    </td>
+                    <td
+                      class="">
+                      London Park
+                    </td>
+                    <td
+                      class="">
+                      London Park
+                    </td>
+                    <td
+                      class="">
+                      London Park
+                    </td>
+                    <td
+                      class="">
+                      London Park
+                    </td>
+                    <td
+                      class="">
+                      London Park
+                    </td>
+                    <td
+                      class="">
+                      London Park
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+          <div
+            class="ant-table-fixed-right">
+            <div
+              class="ant-table-body-outer">
+              <div
+                class="ant-table-body-inner">
+                <table
+                  class="ant-table-fixed">
+                  <colgroup>
+                    <col
+                      style="width:100px;min-width:100px;" />
+                  </colgroup>
+                  <thead
+                    class="ant-table-thead">
+                    <tr>
+                      <th
+                        class="">
+                        <span>
+                          Action
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
-                      </td>
-                      <td
-                        class="">
-                        London Park
+                        <a
+                          href="#">
+                          action
+                        </a>
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
                         <a
@@ -3045,59 +3041,7 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                   </tbody>
                 </table>
               </div>
-            </span>
-          </div>
-          <div
-            class="ant-table-fixed-right">
-            <span>
-              <div
-                class="ant-table-body-outer">
-                <div
-                  class="ant-table-body-inner">
-                  <table
-                    class="ant-table-fixed">
-                    <colgroup>
-                      <col
-                        style="width:100px;min-width:100px;" />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            Action
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </span>
+            </div>
           </div>
         </div>
       </div>
@@ -3140,9 +3084,40 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
           class="ant-table-content">
           <div
             class="ant-table-fixed-left">
-            <span>
+            <div
+              class="ant-table-header">
+              <table
+                class="ant-table-fixed">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Full Name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+              </table>
+            </div>
+            <div
+              class="ant-table-body-outer"
+              style="height:300px;">
               <div
-                class="ant-table-header">
+                class="ant-table-body-inner">
                 <table
                   class="ant-table-fixed">
                   <colgroup>
@@ -3151,319 +3126,6 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
                     <col
                       style="width:100px;min-width:100px;" />
                   </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Full Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body-outer"
-                style="height:300px;">
-                <div
-                  class="ant-table-body-inner">
-                  <table
-                    class="ant-table-fixed">
-                    <colgroup>
-                      <col
-                        style="width:100px;min-width:100px;" />
-                      <col
-                        style="width:100px;min-width:100px;" />
-                    </colgroup>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 0
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 1
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 2
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 3
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 4
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 5
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 6
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 7
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 8
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edrward 9
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </span>
-          </div>
-          <div
-            class="ant-table-scroll">
-            <span>
-              <div
-                class="ant-table-header">
-                <table
-                  class="ant-table-fixed"
-                  style="width:1500px;">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Full Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 1
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 2
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 3
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 4
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 5
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 6
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 7
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Column 8
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body"
-                style="overflow-x:auto;max-height:300px;overflow-y:scroll;">
-                <table
-                  class="ant-table-fixed"
-                  style="width:1500px;">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                  </colgroup>
                   <tbody
                     class="ant-table-tbody">
                     <tr
@@ -3479,45 +3141,6 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
                         class="">
                         32
                       </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 0
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
@@ -3532,45 +3155,6 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
                         class="">
                         32
                       </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 1
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
@@ -3585,45 +3169,6 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
                         class="">
                         32
                       </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 2
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
@@ -3638,45 +3183,6 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
                         class="">
                         32
                       </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 3
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
@@ -3691,45 +3197,6 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
                         class="">
                         32
                       </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 4
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
@@ -3744,45 +3211,6 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
                         class="">
                         32
                       </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 5
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
@@ -3797,45 +3225,6 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
                         class="">
                         32
                       </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 6
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
@@ -3850,45 +3239,6 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
                         class="">
                         32
                       </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 7
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
@@ -3903,45 +3253,6 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
                         class="">
                         32
                       </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        London Park no. 8
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          action
-                        </a>
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
@@ -3956,38 +3267,808 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
                         class="">
                         32
                       </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+          <div
+            class="ant-table-scroll">
+            <div
+              class="ant-table-header">
+              <table
+                class="ant-table-fixed"
+                style="width:1500px;">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Full Name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 1
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 2
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 3
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 4
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 5
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 6
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 7
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Column 8
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Action
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+              </table>
+            </div>
+            <div
+              class="ant-table-body"
+              style="overflow-x:auto;max-height:300px;overflow-y:scroll;">
+              <table
+                class="ant-table-fixed"
+                style="width:1500px;">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col
+                    style="width:150px;min-width:150px;" />
+                  <col />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                </colgroup>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 0
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 0
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 0
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 0
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 0
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 0
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 0
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 0
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 0
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 1
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 1
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 1
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 1
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 1
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 1
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 1
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 1
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 1
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 2
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 2
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 2
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 2
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 2
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 2
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 2
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 2
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 2
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 3
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 3
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 3
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 3
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 3
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 3
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 3
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 3
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 3
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 4
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 4
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 4
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 4
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 4
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 4
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 4
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 4
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 4
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 5
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 5
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 5
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 5
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 5
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 5
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 5
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 5
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 5
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 6
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 6
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 6
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 6
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 6
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 6
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 6
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 6
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 6
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 7
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 7
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 7
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 7
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 7
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 7
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 7
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 7
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 7
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 8
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 8
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 8
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 8
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 8
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 8
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 8
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 8
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 8
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edrward 9
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 9
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 9
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 9
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 9
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 9
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 9
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 9
+                    </td>
+                    <td
+                      class="">
+                      London Park no. 9
+                    </td>
+                    <td
+                      class="">
+                      <a
+                        href="#">
+                        action
+                      </a>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+          <div
+            class="ant-table-fixed-right">
+            <div
+              class="ant-table-header">
+              <table
+                class="ant-table-fixed">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Action
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+              </table>
+            </div>
+            <div
+              class="ant-table-body-outer"
+              style="height:300px;">
+              <div
+                class="ant-table-body-inner">
+                <table
+                  class="ant-table-fixed">
+                  <colgroup>
+                    <col
+                      style="width:100px;min-width:100px;" />
+                  </colgroup>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        London Park no. 9
+                        <a
+                          href="#">
+                          action
+                        </a>
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        London Park no. 9
+                        <a
+                          href="#">
+                          action
+                        </a>
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        London Park no. 9
+                        <a
+                          href="#">
+                          action
+                        </a>
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        London Park no. 9
+                        <a
+                          href="#">
+                          action
+                        </a>
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        London Park no. 9
+                        <a
+                          href="#">
+                          action
+                        </a>
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        London Park no. 9
+                        <a
+                          href="#">
+                          action
+                        </a>
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        London Park no. 9
+                        <a
+                          href="#">
+                          action
+                        </a>
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        London Park no. 9
+                        <a
+                          href="#">
+                          action
+                        </a>
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
+                      <td
+                        class="">
+                        <a
+                          href="#">
+                          action
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
                         <a
@@ -3999,150 +4080,7 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
                   </tbody>
                 </table>
               </div>
-            </span>
-          </div>
-          <div
-            class="ant-table-fixed-right">
-            <span>
-              <div
-                class="ant-table-header">
-                <table
-                  class="ant-table-fixed">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body-outer"
-                style="height:300px;">
-                <div
-                  class="ant-table-body-inner">
-                  <table
-                    class="ant-table-fixed">
-                    <colgroup>
-                      <col
-                        style="width:100px;min-width:100px;" />
-                    </colgroup>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <a
-                            href="#">
-                            action
-                          </a>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </span>
+            </div>
           </div>
         </div>
       </div>
@@ -4224,962 +4162,957 @@ exports[`test renders ./components/table/demo/fixed-header.md correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="ant-table-scroll">
-            <span>
-              <div
-                class="ant-table-header">
-                <table
-                  class="">
-                  <colgroup>
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body"
-                style="max-height:240px;overflow-y:scroll;">
-                <table
-                  class="">
-                  <colgroup>
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col
-                      style="width:150px;min-width:150px;" />
-                    <col />
-                  </colgroup>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 0
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 0
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 1
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 1
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 2
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 2
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 3
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 3
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 4
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 4
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 5
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 5
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 6
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 6
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 7
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 7
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 8
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 8
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 9
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 9
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 10
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 10
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 11
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 11
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 12
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 12
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 13
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 13
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 14
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 14
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 15
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 15
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 16
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 16
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 17
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 17
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 18
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 18
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 19
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 19
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 20
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 20
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 21
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 21
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 22
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 22
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 23
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 23
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 24
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 24
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 25
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 25
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 26
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 26
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 27
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 27
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 28
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 28
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 29
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 29
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 30
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 30
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 31
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 31
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 32
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 32
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 33
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 33
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 34
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 34
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 35
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 35
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 36
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 36
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 37
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 37
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 38
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 38
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 39
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 39
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 40
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 40
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 41
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 41
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 42
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 42
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 43
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 43
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 44
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 44
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 45
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 45
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 46
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 46
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 47
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 47
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 48
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 48
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Edward King 49
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London, Park Lane no. 49
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-header">
+            <table
+              class="">
+              <colgroup>
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+            </table>
+          </div>
+          <div
+            class="ant-table-body"
+            style="max-height:240px;overflow-y:scroll;">
+            <table
+              class="">
+              <colgroup>
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col
+                  style="width:150px;min-width:150px;" />
+                <col />
+              </colgroup>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 0
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 0
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 1
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 1
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 2
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 2
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 3
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 3
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 4
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 4
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 5
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 5
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 6
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 6
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 7
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 7
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 8
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 8
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 9
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 9
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 10
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 10
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 11
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 11
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 12
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 12
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 13
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 13
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 14
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 14
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 15
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 15
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 16
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 16
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 17
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 17
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 18
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 18
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 19
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 19
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 20
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 20
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 21
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 21
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 22
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 22
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 23
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 23
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 24
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 24
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 25
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 25
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 26
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 26
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 27
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 27
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 28
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 28
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 29
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 29
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 30
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 30
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 31
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 31
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 32
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 32
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 33
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 33
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 34
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 34
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 35
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 35
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 36
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 36
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 37
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 37
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 38
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 38
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 39
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 39
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 40
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 40
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 41
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 41
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 42
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 42
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 43
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 43
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 44
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 44
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 45
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 45
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 46
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 46
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 47
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 47
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 48
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 48
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Edward King 49
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London, Park Lane no. 49
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
@@ -5229,314 +5162,42 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
           class="ant-table-content">
           <div
             class="ant-table-fixed-left">
-            <span>
+            <div
+              class="ant-table-header">
+              <table
+                class="ant-table-fixed">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class=""
+                      rowspan="4">
+                      <span>
+                        Name
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选" />
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+              </table>
+            </div>
+            <div
+              class="ant-table-body-outer"
+              style="height:240px;">
               <div
-                class="ant-table-header">
+                class="ant-table-body-inner">
                 <table
                   class="ant-table-fixed">
                   <colgroup>
                     <col
                       style="width:100px;min-width:100px;" />
                   </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class=""
-                        rowspan="4">
-                        <span>
-                          Name
-                          <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body-outer"
-                style="height:240px;">
-                <div
-                  class="ant-table-body-inner">
-                  <table
-                    class="ant-table-fixed">
-                    <colgroup>
-                      <col
-                        style="width:100px;min-width:100px;" />
-                    </colgroup>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </span>
-          </div>
-          <div
-            class="ant-table-scroll">
-            <span>
-              <div
-                class="ant-table-header">
-                <table
-                  class="ant-table-fixed"
-                  style="width:1010px;">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:200px;min-width:200px;" />
-                    <col
-                      style="width:50px;min-width:50px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:200px;min-width:200px;" />
-                    <col
-                      style="width:200px;min-width:200px;" />
-                    <col
-                      style="width:60px;min-width:60px;" />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class=""
-                        rowspan="4">
-                        <span>
-                          Name
-                          <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        colspan="4">
-                        <span>
-                          Other
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        colspan="2">
-                        <span>
-                          Company
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="4">
-                        <span>
-                          Gender
-                        </span>
-                      </th>
-                    </tr>
-                    <tr>
-                      <th
-                        class=""
-                        rowspan="3">
-                        <span>
-                          Age
-                          <div
-                            class="ant-table-column-sorter">
-                            <span
-                              class="ant-table-column-sorter-up off"
-                              title="↑">
-                              <i
-                                class="anticon anticon-caret-up" />
-                            </span>
-                            <span
-                              class="ant-table-column-sorter-down off"
-                              title="↓">
-                              <i
-                                class="anticon anticon-caret-down" />
-                            </span>
-                          </div>
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        colspan="3">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="3">
-                        <span>
-                          Company Address
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="3">
-                        <span>
-                          Company Name
-                        </span>
-                      </th>
-                    </tr>
-                    <tr>
-                      <th
-                        class=""
-                        rowspan="2">
-                        <span>
-                          Street
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        colspan="2">
-                        <span>
-                          Block
-                        </span>
-                      </th>
-                    </tr>
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Building
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Door No.
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body"
-                style="overflow-x:auto;max-height:240px;overflow-y:scroll;">
-                <table
-                  class="ant-table-fixed"
-                  style="width:1010px;">
-                  <colgroup>
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:200px;min-width:200px;" />
-                    <col
-                      style="width:50px;min-width:50px;" />
-                    <col
-                      style="width:100px;min-width:100px;" />
-                    <col
-                      style="width:200px;min-width:200px;" />
-                    <col
-                      style="width:200px;min-width:200px;" />
-                    <col
-                      style="width:60px;min-width:60px;" />
-                  </colgroup>
                   <tbody
                     class="ant-table-tbody">
                     <tr
@@ -5548,33 +5209,15 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                           style="padding-left:0px;" />
                         John Brown
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        1
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
                       </td>
                     </tr>
                     <tr
@@ -5586,33 +5229,15 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                           style="padding-left:0px;" />
                         John Brown
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        2
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
                       </td>
                     </tr>
                     <tr
@@ -5624,33 +5249,15 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                           style="padding-left:0px;" />
                         John Brown
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        3
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
                       </td>
                     </tr>
                     <tr
@@ -5662,33 +5269,15 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                           style="padding-left:0px;" />
                         John Brown
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        4
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
+                        <span
+                          class="ant-table-row-indent indent-level-0"
+                          style="padding-left:0px;" />
+                        John Brown
                       </td>
                     </tr>
                     <tr
@@ -5700,34 +5289,6 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                           style="padding-left:0px;" />
                         John Brown
                       </td>
-                      <td
-                        class="">
-                        5
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
-                      <td
-                        class="">
-                        M
-                      </td>
                     </tr>
                     <tr
                       class="ant-table-row  ant-table-row-level-0">
@@ -5738,30 +5299,599 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                           style="padding-left:0px;" />
                         John Brown
                       </td>
-                      <td
-                        class="">
-                        6
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
-                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+          <div
+            class="ant-table-scroll">
+            <div
+              class="ant-table-header">
+              <table
+                class="ant-table-fixed"
+                style="width:1010px;">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:200px;min-width:200px;" />
+                  <col
+                    style="width:50px;min-width:50px;" />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:200px;min-width:200px;" />
+                  <col
+                    style="width:200px;min-width:200px;" />
+                  <col
+                    style="width:60px;min-width:60px;" />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class=""
+                      rowspan="4">
+                      <span>
+                        Name
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选" />
+                      </span>
+                    </th>
+                    <th
+                      class=""
+                      colspan="4">
+                      <span>
+                        Other
+                      </span>
+                    </th>
+                    <th
+                      class=""
+                      colspan="2">
+                      <span>
+                        Company
+                      </span>
+                    </th>
+                    <th
+                      class=""
+                      rowspan="4">
+                      <span>
+                        Gender
+                      </span>
+                    </th>
+                  </tr>
+                  <tr>
+                    <th
+                      class=""
+                      rowspan="3">
+                      <span>
+                        Age
+                        <div
+                          class="ant-table-column-sorter">
+                          <span
+                            class="ant-table-column-sorter-up off"
+                            title="↑">
+                            <i
+                              class="anticon anticon-caret-up" />
+                          </span>
+                          <span
+                            class="ant-table-column-sorter-down off"
+                            title="↓">
+                            <i
+                              class="anticon anticon-caret-down" />
+                          </span>
+                        </div>
+                      </span>
+                    </th>
+                    <th
+                      class=""
+                      colspan="3">
+                      <span>
+                        Address
+                      </span>
+                    </th>
+                    <th
+                      class=""
+                      rowspan="3">
+                      <span>
+                        Company Address
+                      </span>
+                    </th>
+                    <th
+                      class=""
+                      rowspan="3">
+                      <span>
+                        Company Name
+                      </span>
+                    </th>
+                  </tr>
+                  <tr>
+                    <th
+                      class=""
+                      rowspan="2">
+                      <span>
+                        Street
+                      </span>
+                    </th>
+                    <th
+                      class=""
+                      colspan="2">
+                      <span>
+                        Block
+                      </span>
+                    </th>
+                  </tr>
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Building
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Door No.
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+              </table>
+            </div>
+            <div
+              class="ant-table-body"
+              style="overflow-x:auto;max-height:240px;overflow-y:scroll;">
+              <table
+                class="ant-table-fixed"
+                style="width:1010px;">
+                <colgroup>
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:200px;min-width:200px;" />
+                  <col
+                    style="width:50px;min-width:50px;" />
+                  <col
+                    style="width:100px;min-width:100px;" />
+                  <col
+                    style="width:200px;min-width:200px;" />
+                  <col
+                    style="width:200px;min-width:200px;" />
+                  <col
+                    style="width:60px;min-width:60px;" />
+                </colgroup>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      1
+                    </td>
+                    <td
+                      class="">
+                      Lake Park
+                    </td>
+                    <td
+                      class="">
+                      C
+                    </td>
+                    <td
+                      class="">
+                      2035
+                    </td>
+                    <td
+                      class="">
+                      Lake Street 42
+                    </td>
+                    <td
+                      class="">
+                      SoftLake Co
+                    </td>
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      2
+                    </td>
+                    <td
+                      class="">
+                      Lake Park
+                    </td>
+                    <td
+                      class="">
+                      C
+                    </td>
+                    <td
+                      class="">
+                      2035
+                    </td>
+                    <td
+                      class="">
+                      Lake Street 42
+                    </td>
+                    <td
+                      class="">
+                      SoftLake Co
+                    </td>
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      3
+                    </td>
+                    <td
+                      class="">
+                      Lake Park
+                    </td>
+                    <td
+                      class="">
+                      C
+                    </td>
+                    <td
+                      class="">
+                      2035
+                    </td>
+                    <td
+                      class="">
+                      Lake Street 42
+                    </td>
+                    <td
+                      class="">
+                      SoftLake Co
+                    </td>
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      4
+                    </td>
+                    <td
+                      class="">
+                      Lake Park
+                    </td>
+                    <td
+                      class="">
+                      C
+                    </td>
+                    <td
+                      class="">
+                      2035
+                    </td>
+                    <td
+                      class="">
+                      Lake Street 42
+                    </td>
+                    <td
+                      class="">
+                      SoftLake Co
+                    </td>
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      5
+                    </td>
+                    <td
+                      class="">
+                      Lake Park
+                    </td>
+                    <td
+                      class="">
+                      C
+                    </td>
+                    <td
+                      class="">
+                      2035
+                    </td>
+                    <td
+                      class="">
+                      Lake Street 42
+                    </td>
+                    <td
+                      class="">
+                      SoftLake Co
+                    </td>
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      6
+                    </td>
+                    <td
+                      class="">
+                      Lake Park
+                    </td>
+                    <td
+                      class="">
+                      C
+                    </td>
+                    <td
+                      class="">
+                      2035
+                    </td>
+                    <td
+                      class="">
+                      Lake Street 42
+                    </td>
+                    <td
+                      class="">
+                      SoftLake Co
+                    </td>
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      7
+                    </td>
+                    <td
+                      class="">
+                      Lake Park
+                    </td>
+                    <td
+                      class="">
+                      C
+                    </td>
+                    <td
+                      class="">
+                      2035
+                    </td>
+                    <td
+                      class="">
+                      Lake Street 42
+                    </td>
+                    <td
+                      class="">
+                      SoftLake Co
+                    </td>
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      8
+                    </td>
+                    <td
+                      class="">
+                      Lake Park
+                    </td>
+                    <td
+                      class="">
+                      C
+                    </td>
+                    <td
+                      class="">
+                      2035
+                    </td>
+                    <td
+                      class="">
+                      Lake Street 42
+                    </td>
+                    <td
+                      class="">
+                      SoftLake Co
+                    </td>
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      9
+                    </td>
+                    <td
+                      class="">
+                      Lake Park
+                    </td>
+                    <td
+                      class="">
+                      C
+                    </td>
+                    <td
+                      class="">
+                      2035
+                    </td>
+                    <td
+                      class="">
+                      Lake Street 42
+                    </td>
+                    <td
+                      class="">
+                      SoftLake Co
+                    </td>
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      10
+                    </td>
+                    <td
+                      class="">
+                      Lake Park
+                    </td>
+                    <td
+                      class="">
+                      C
+                    </td>
+                    <td
+                      class="">
+                      2035
+                    </td>
+                    <td
+                      class="">
+                      Lake Street 42
+                    </td>
+                    <td
+                      class="">
+                      SoftLake Co
+                    </td>
+                    <td
+                      class="">
+                      M
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+          <div
+            class="ant-table-fixed-right">
+            <div
+              class="ant-table-header">
+              <table
+                class="ant-table-fixed">
+                <colgroup>
+                  <col
+                    style="width:60px;min-width:60px;" />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class=""
+                      rowspan="4">
+                      <span>
+                        Gender
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+              </table>
+            </div>
+            <div
+              class="ant-table-body-outer"
+              style="height:240px;">
+              <div
+                class="ant-table-body-inner">
+                <table
+                  class="ant-table-fixed">
+                  <colgroup>
+                    <col
+                      style="width:60px;min-width:60px;" />
+                  </colgroup>
+                  <tbody
+                    class="ant-table-tbody">
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
                         M
@@ -5771,35 +5901,11 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                       class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        7
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
+                        M
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
                         M
@@ -5809,35 +5915,11 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                       class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        8
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
+                        M
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
                         M
@@ -5847,35 +5929,11 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                       class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        9
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
+                        M
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
                         M
@@ -5885,35 +5943,18 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                       class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
+                        M
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
-                        10
-                      </td>
-                      <td
-                        class="">
-                        Lake Park
-                      </td>
-                      <td
-                        class="">
-                        C
-                      </td>
-                      <td
-                        class="">
-                        2035
-                      </td>
-                      <td
-                        class="">
-                        Lake Street 42
-                      </td>
-                      <td
-                        class="">
-                        SoftLake Co
+                        M
                       </td>
+                    </tr>
+                    <tr
+                      class="ant-table-row  ant-table-row-level-0">
                       <td
                         class="">
                         M
@@ -5922,121 +5963,7 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                   </tbody>
                 </table>
               </div>
-            </span>
-          </div>
-          <div
-            class="ant-table-fixed-right">
-            <span>
-              <div
-                class="ant-table-header">
-                <table
-                  class="ant-table-fixed">
-                  <colgroup>
-                    <col
-                      style="width:60px;min-width:60px;" />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class=""
-                        rowspan="4">
-                        <span>
-                          Gender
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-              <div
-                class="ant-table-body-outer"
-                style="height:240px;">
-                <div
-                  class="ant-table-body-inner">
-                  <table
-                    class="ant-table-fixed">
-                    <colgroup>
-                      <col
-                        style="width:60px;min-width:60px;" />
-                    </colgroup>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          M
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </span>
+            </div>
           </div>
         </div>
       </div>
@@ -6118,169 +6045,164 @@ exports[`test renders ./components/table/demo/head.md correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                          <div
-                            class="ant-table-column-sorter">
-                            <span
-                              class="ant-table-column-sorter-up off"
-                              title="↑">
-                              <i
-                                class="anticon anticon-caret-up" />
-                            </span>
-                            <span
-                              class="ant-table-column-sorter-down off"
-                              title="↓">
-                              <i
-                                class="anticon anticon-caret-down" />
-                            </span>
-                          </div>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                      <div
+                        class="ant-table-column-sorter">
+                        <span
+                          class="ant-table-column-sorter-up off"
+                          title="↑">
                           <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
+                            class="anticon anticon-caret-up" />
                         </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                          <div
-                            class="ant-table-column-sorter">
-                            <span
-                              class="ant-table-column-sorter-up off"
-                              title="↑">
-                              <i
-                                class="anticon anticon-caret-up" />
-                            </span>
-                            <span
-                              class="ant-table-column-sorter-down off"
-                              title="↓">
-                              <i
-                                class="anticon anticon-caret-down" />
-                            </span>
-                          </div>
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                          <div
-                            class="ant-table-column-sorter">
-                            <span
-                              class="ant-table-column-sorter-up off"
-                              title="↑">
-                              <i
-                                class="anticon anticon-caret-up" />
-                            </span>
-                            <span
-                              class="ant-table-column-sorter-down off"
-                              title="↓">
-                              <i
-                                class="anticon anticon-caret-down" />
-                            </span>
-                          </div>
+                        <span
+                          class="ant-table-column-sorter-down off"
+                          title="↓">
                           <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选" />
+                            class="anticon anticon-caret-down" />
                         </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
+                      </div>
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选" />
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                      <div
+                        class="ant-table-column-sorter">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John Brown
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
+                          class="ant-table-column-sorter-up off"
+                          title="↑">
+                          <i
+                            class="anticon anticon-caret-up" />
+                        </span>
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim Green
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
+                          class="ant-table-column-sorter-down off"
+                          title="↓">
+                          <i
+                            class="anticon anticon-caret-down" />
+                        </span>
+                      </div>
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                      <div
+                        class="ant-table-column-sorter">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Joe Black
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
+                          class="ant-table-column-sorter-up off"
+                          title="↑">
+                          <i
+                            class="anticon anticon-caret-up" />
+                        </span>
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim Red
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        London No. 2 Lake Park
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+                          class="ant-table-column-sorter-down off"
+                          title="↓">
+                          <i
+                            class="anticon anticon-caret-down" />
+                        </span>
+                      </div>
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选" />
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John Brown
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim Green
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Joe Black
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim Red
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    London No. 2 Lake Park
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
@@ -6322,210 +6244,205 @@ exports[`test renders ./components/table/demo/jsx.md correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class=""
-                        colspan="2">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="2">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="2">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                      <th
-                        class=""
-                        rowspan="2">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                    <tr>
-                      <th
-                        class="">
-                        <span>
-                          First Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Last Name
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        John
-                      </td>
-                      <td
-                        class="">
-                        Brown
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <span>
-                          <a
-                            href="#">
-                            Action 一 
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            class="ant-dropdown-link"
-                            href="#">
-                            More actions 
-                            <i
-                              class="anticon anticon-down" />
-                          </a>
-                        </span>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Jim
-                      </td>
-                      <td
-                        class="">
-                        Green
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <span>
-                          <a
-                            href="#">
-                            Action 一 
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            class="ant-dropdown-link"
-                            href="#">
-                            More actions 
-                            <i
-                              class="anticon anticon-down" />
-                          </a>
-                        </span>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="">
-                        <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        Joe
-                      </td>
-                      <td
-                        class="">
-                        Black
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                      <td
-                        class="">
-                        <span>
-                          <a
-                            href="#">
-                            Action 一 
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            href="#">
-                            Delete
-                          </a>
-                          <span
-                            class="ant-divider" />
-                          <a
-                            class="ant-dropdown-link"
-                            href="#">
-                            More actions 
-                            <i
-                              class="anticon anticon-down" />
-                          </a>
-                        </span>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class=""
+                    colspan="2">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    rowspan="2">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    rowspan="2">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                  <th
+                    class=""
+                    rowspan="2">
+                    <span>
+                      Action
+                    </span>
+                  </th>
+                </tr>
+                <tr>
+                  <th
+                    class="">
+                    <span>
+                      First Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Last Name
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    John
+                  </td>
+                  <td
+                    class="">
+                    Brown
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <span>
+                      <a
+                        href="#">
+                        Action 一 
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        class="ant-dropdown-link"
+                        href="#">
+                        More actions 
+                        <i
+                          class="anticon anticon-down" />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Jim
+                  </td>
+                  <td
+                    class="">
+                    Green
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <span>
+                      <a
+                        href="#">
+                        Action 一 
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        class="ant-dropdown-link"
+                        href="#">
+                        More actions 
+                        <i
+                          class="anticon anticon-down" />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    Joe
+                  </td>
+                  <td
+                    class="">
+                    Black
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                  <td
+                    class="">
+                    <span>
+                      <a
+                        href="#">
+                        Action 一 
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        href="#">
+                        Delete
+                      </a>
+                      <span
+                        class="ant-divider" />
+                      <a
+                        class="ant-dropdown-link"
+                        href="#">
+                        More actions 
+                        <i
+                          class="anticon anticon-down" />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
@@ -6567,197 +6484,192 @@ exports[`test renders ./components/table/demo/nested-table.md correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col
-                      class="ant-table-expand-icon-col" />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="ant-table-expand-icon-th"
-                        rowspan="1"
-                        title="" />
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Platform
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Version
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Upgraded
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Creator
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Date
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Action
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-row-expand-icon-cell">
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                      </td>
-                      <td
-                        class="">
-                        Screem
-                      </td>
-                      <td
-                        class="">
-                        iOS
-                      </td>
-                      <td
-                        class="">
-                        10.3.4.5654
-                      </td>
-                      <td
-                        class="">
-                        500
-                      </td>
-                      <td
-                        class="">
-                        Jack
-                      </td>
-                      <td
-                        class="">
-                        2014-12-24 23:12:00
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          Publish
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-row-expand-icon-cell">
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                      </td>
-                      <td
-                        class="">
-                        Screem
-                      </td>
-                      <td
-                        class="">
-                        iOS
-                      </td>
-                      <td
-                        class="">
-                        10.3.4.5654
-                      </td>
-                      <td
-                        class="">
-                        500
-                      </td>
-                      <td
-                        class="">
-                        Jack
-                      </td>
-                      <td
-                        class="">
-                        2014-12-24 23:12:00
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          Publish
-                        </a>
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-row-expand-icon-cell">
-                        <span
-                          class="ant-table-row-expand-icon ant-table-row-collapsed" />
-                      </td>
-                      <td
-                        class="">
-                        Screem
-                      </td>
-                      <td
-                        class="">
-                        iOS
-                      </td>
-                      <td
-                        class="">
-                        10.3.4.5654
-                      </td>
-                      <td
-                        class="">
-                        500
-                      </td>
-                      <td
-                        class="">
-                        Jack
-                      </td>
-                      <td
-                        class="">
-                        2014-12-24 23:12:00
-                      </td>
-                      <td
-                        class="">
-                        <a
-                          href="#">
-                          Publish
-                        </a>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col
+                  class="ant-table-expand-icon-col" />
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="ant-table-expand-icon-th"
+                    rowspan="1"
+                    title="" />
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Platform
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Version
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Upgraded
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Creator
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Date
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Action
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-row-expand-icon-cell">
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                  </td>
+                  <td
+                    class="">
+                    Screem
+                  </td>
+                  <td
+                    class="">
+                    iOS
+                  </td>
+                  <td
+                    class="">
+                    10.3.4.5654
+                  </td>
+                  <td
+                    class="">
+                    500
+                  </td>
+                  <td
+                    class="">
+                    Jack
+                  </td>
+                  <td
+                    class="">
+                    2014-12-24 23:12:00
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      Publish
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-row-expand-icon-cell">
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                  </td>
+                  <td
+                    class="">
+                    Screem
+                  </td>
+                  <td
+                    class="">
+                    iOS
+                  </td>
+                  <td
+                    class="">
+                    10.3.4.5654
+                  </td>
+                  <td
+                    class="">
+                    500
+                  </td>
+                  <td
+                    class="">
+                    Jack
+                  </td>
+                  <td
+                    class="">
+                    2014-12-24 23:12:00
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      Publish
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-row-expand-icon-cell">
+                    <span
+                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                  </td>
+                  <td
+                    class="">
+                    Screem
+                  </td>
+                  <td
+                    class="">
+                    iOS
+                  </td>
+                  <td
+                    class="">
+                    10.3.4.5654
+                  </td>
+                  <td
+                    class="">
+                    500
+                  </td>
+                  <td
+                    class="">
+                    Jack
+                  </td>
+                  <td
+                    class="">
+                    2014-12-24 23:12:00
+                  </td>
+                  <td
+                    class="">
+                    <a
+                      href="#">
+                      Publish
+                    </a>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
@@ -6824,169 +6736,164 @@ exports[`test renders ./components/table/demo/reset-filter.md correctly 1`] = `
           <div
             class="ant-table-content">
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col />
-                      <col />
-                      <col />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            Name
-                            <div
-                              class="ant-table-column-sorter">
-                              <span
-                                class="ant-table-column-sorter-up off"
-                                title="↑">
-                                <i
-                                  class="anticon anticon-caret-up" />
-                              </span>
-                              <span
-                                class="ant-table-column-sorter-down off"
-                                title="↓">
-                                <i
-                                  class="anticon anticon-caret-down" />
-                              </span>
-                            </div>
+              class="ant-table-body">
+              <table
+                class="">
+                <colgroup>
+                  <col />
+                  <col />
+                  <col />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Name
+                        <div
+                          class="ant-table-column-sorter">
+                          <span
+                            class="ant-table-column-sorter-up off"
+                            title="↑">
                             <i
-                              class="anticon anticon-filter ant-dropdown-trigger"
-                              title="筛选" />
+                              class="anticon anticon-caret-up" />
                           </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                            <div
-                              class="ant-table-column-sorter">
-                              <span
-                                class="ant-table-column-sorter-up off"
-                                title="↑">
-                                <i
-                                  class="anticon anticon-caret-up" />
-                              </span>
-                              <span
-                                class="ant-table-column-sorter-down off"
-                                title="↓">
-                                <i
-                                  class="anticon anticon-caret-down" />
-                              </span>
-                            </div>
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Address
-                            <div
-                              class="ant-table-column-sorter">
-                              <span
-                                class="ant-table-column-sorter-up off"
-                                title="↑">
-                                <i
-                                  class="anticon anticon-caret-up" />
-                              </span>
-                              <span
-                                class="ant-table-column-sorter-down off"
-                                title="↓">
-                                <i
-                                  class="anticon anticon-caret-down" />
-                              </span>
-                            </div>
+                          <span
+                            class="ant-table-column-sorter-down off"
+                            title="↓">
                             <i
-                              class="anticon anticon-filter ant-dropdown-trigger"
-                              title="筛选" />
+                              class="anticon anticon-caret-down" />
                           </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
+                        </div>
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选" />
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                        <div
+                          class="ant-table-column-sorter">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          New York No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
+                            class="ant-table-column-sorter-up off"
+                            title="↑">
+                            <i
+                              class="anticon anticon-caret-up" />
+                          </span>
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Jim Green
-                        </td>
-                        <td
-                          class="">
-                          42
-                        </td>
-                        <td
-                          class="">
-                          London No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
+                            class="ant-table-column-sorter-down off"
+                            title="↓">
+                            <i
+                              class="anticon anticon-caret-down" />
+                          </span>
+                        </div>
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Address
+                        <div
+                          class="ant-table-column-sorter">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Joe Black
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          Sidney No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
+                            class="ant-table-column-sorter-up off"
+                            title="↑">
+                            <i
+                              class="anticon anticon-caret-up" />
+                          </span>
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Jim Red
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London No. 2 Lake Park
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </span>
+                            class="ant-table-column-sorter-down off"
+                            title="↓">
+                            <i
+                              class="anticon anticon-caret-down" />
+                          </span>
+                        </div>
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选" />
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      New York No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Jim Green
+                    </td>
+                    <td
+                      class="">
+                      42
+                    </td>
+                    <td
+                      class="">
+                      London No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Joe Black
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      Sidney No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Jim Red
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London No. 2 Lake Park
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
           </div>
         </div>
@@ -7029,212 +6936,207 @@ exports[`test renders ./components/table/demo/row-selection.md correctly 1`] = `
         <div
           class="ant-table-content">
           <div
-            class="">
-            <span>
-              <div
-                class="ant-table-body">
-                <table
-                  class="">
-                  <colgroup>
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                  </colgroup>
-                  <thead
-                    class="ant-table-thead">
-                    <tr>
-                      <th
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Name
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Age
-                        </span>
-                      </th>
-                      <th
-                        class="">
-                        <span>
-                          Address
-                        </span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="ant-table-tbody">
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
-                        </span>
-                      </td>
-                      <td
-                        class="">
+            class="ant-table-body">
+            <table
+              class="">
+              <colgroup>
+                <col />
+                <col />
+                <col />
+                <col />
+              </colgroup>
+              <thead
+                class="ant-table-thead">
+                <tr>
+                  <th
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          John Brown
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        New York No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Name
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Age
+                    </span>
+                  </th>
+                  <th
+                    class="">
+                    <span>
+                      Address
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody">
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Jim Green
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        42
-                      </td>
-                      <td
-                        class="">
-                        London No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      John Brown
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Joe Black
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        32
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                    <tr
-                      class="ant-table-row  ant-table-row-level-0">
-                      <td
-                        class="ant-table-selection-column">
-                        <span>
-                          <label
-                            class="ant-checkbox-wrapper">
-                            <span
-                              class="ant-checkbox ant-checkbox-disabled">
-                              <span
-                                class="ant-checkbox-inner" />
-                              <input
-                                class="ant-checkbox-input"
-                                disabled=""
-                                type="checkbox" />
-                            </span>
-                          </label>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
                         </span>
-                      </td>
-                      <td
-                        class="">
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Jim Green
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    42
+                  </td>
+                  <td
+                    class="">
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
                         <span
-                          class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
-                        <a
-                          href="#">
-                          Disabled User
-                        </a>
-                      </td>
-                      <td
-                        class="">
-                        99
-                      </td>
-                      <td
-                        class="">
-                        Sidney No. 1 Lake Park
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </span>
+                          class="ant-checkbox">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox" />
+                        </span>
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Joe Black
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    32
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row  ant-table-row-level-0">
+                  <td
+                    class="ant-table-selection-column">
+                    <span>
+                      <label
+                        class="ant-checkbox-wrapper">
+                        <span
+                          class="ant-checkbox ant-checkbox-disabled">
+                          <span
+                            class="ant-checkbox-inner" />
+                          <input
+                            class="ant-checkbox-input"
+                            disabled=""
+                            type="checkbox" />
+                        </span>
+                      </label>
+                    </span>
+                  </td>
+                  <td
+                    class="">
+                    <span
+                      class="ant-table-row-indent indent-level-0"
+                      style="padding-left:0px;" />
+                    <a
+                      href="#">
+                      Disabled User
+                    </a>
+                  </td>
+                  <td
+                    class="">
+                    99
+                  </td>
+                  <td
+                    class="">
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
@@ -7290,403 +7192,398 @@ exports[`test renders ./components/table/demo/row-selection-and-operation.md cor
           <div
             class="ant-table-content">
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col />
-                      <col />
-                      <col />
-                      <col />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Name
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Address
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
-                          </span>
-                        </td>
-                        <td
-                          class="">
+              class="ant-table-body">
+              <table
+                class="">
+                <colgroup>
+                  <col />
+                  <col />
+                  <col />
+                  <col />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 0
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 0
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Address
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 1
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 1
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 0
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 0
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 2
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 2
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 1
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 1
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 3
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 3
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 2
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 2
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 4
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 4
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 3
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 3
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 5
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 5
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 4
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 4
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 6
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 6
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 5
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 5
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 7
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 7
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 6
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 6
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 8
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 8
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="ant-table-selection-column">
-                          <span>
-                            <label
-                              class="ant-checkbox-wrapper">
-                              <span
-                                class="ant-checkbox">
-                                <span
-                                  class="ant-checkbox-inner" />
-                                <input
-                                  class="ant-checkbox-input"
-                                  type="checkbox" />
-                              </span>
-                            </label>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
                           </span>
-                        </td>
-                        <td
-                          class="">
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 7
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 7
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
                           <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Edward King 9
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          London, Park Lane no. 9
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </span>
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
+                          </span>
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 8
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 8
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="ant-table-selection-column">
+                      <span>
+                        <label
+                          class="ant-checkbox-wrapper">
+                          <span
+                            class="ant-checkbox">
+                            <span
+                              class="ant-checkbox-inner" />
+                            <input
+                              class="ant-checkbox-input"
+                              type="checkbox" />
+                          </span>
+                        </label>
+                      </span>
+                    </td>
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Edward King 9
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      London, Park Lane no. 9
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
           </div>
         </div>
@@ -7761,100 +7658,95 @@ exports[`test renders ./components/table/demo/size.md correctly 1`] = `
           <div
             class="ant-table-content">
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col />
-                      <col />
-                      <col />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            Name
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Address
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          New York No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Jim Green
-                        </td>
-                        <td
-                          class="">
-                          42
-                        </td>
-                        <td
-                          class="">
-                          London No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Joe Black
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          Sidney No. 1 Lake Park
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </span>
+              class="ant-table-body">
+              <table
+                class="">
+                <colgroup>
+                  <col />
+                  <col />
+                  <col />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Address
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      New York No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Jim Green
+                    </td>
+                    <td
+                      class="">
+                      42
+                    </td>
+                    <td
+                      class="">
+                      London No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Joe Black
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      Sidney No. 1 Lake Park
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
           </div>
         </div>
@@ -7896,100 +7788,95 @@ exports[`test renders ./components/table/demo/size.md correctly 1`] = `
           <div
             class="ant-table-content">
             <div
-              class="">
-              <span>
-                <div
-                  class="ant-table-body">
-                  <table
-                    class="">
-                    <colgroup>
-                      <col />
-                      <col />
-                      <col />
-                    </colgroup>
-                    <thead
-                      class="ant-table-thead">
-                      <tr>
-                        <th
-                          class="">
-                          <span>
-                            Name
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Age
-                          </span>
-                        </th>
-                        <th
-                          class="">
-                          <span>
-                            Address
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody
-                      class="ant-table-tbody">
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          John Brown
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          New York No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Jim Green
-                        </td>
-                        <td
-                          class="">
-                          42
-                        </td>
-                        <td
-                          class="">
-                          London No. 1 Lake Park
-                        </td>
-                      </tr>
-                      <tr
-                        class="ant-table-row  ant-table-row-level-0">
-                        <td
-                          class="">
-                          <span
-                            class="ant-table-row-indent indent-level-0"
-                            style="padding-left:0px;" />
-                          Joe Black
-                        </td>
-                        <td
-                          class="">
-                          32
-                        </td>
-                        <td
-                          class="">
-                          Sidney No. 1 Lake Park
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </span>
+              class="ant-table-body">
+              <table
+                class="">
+                <colgroup>
+                  <col />
+                  <col />
+                  <col />
+                </colgroup>
+                <thead
+                  class="ant-table-thead">
+                  <tr>
+                    <th
+                      class="">
+                      <span>
+                        Name
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Age
+                      </span>
+                    </th>
+                    <th
+                      class="">
+                      <span>
+                        Address
+                      </span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="ant-table-tbody">
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      John Brown
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      New York No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Jim Green
+                    </td>
+                    <td
+                      class="">
+                      42
+                    </td>
+                    <td
+                      class="">
+                      London No. 1 Lake Park
+                    </td>
+                  </tr>
+                  <tr
+                    class="ant-table-row  ant-table-row-level-0">
+                    <td
+                      class="">
+                      <span
+                        class="ant-table-row-indent indent-level-0"
+                        style="padding-left:0px;" />
+                      Joe Black
+                    </td>
+                    <td
+                      class="">
+                      32
+                    </td>
+                    <td
+                      class="">
+                      Sidney No. 1 Lake Park
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
           </div>
         </div>

From e289ce8b3161737101de81f7411637ce75910f3a Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 19 Feb 2017 14:26:30 +0800
Subject: [PATCH 65/88] Fix Table fixed column z-index issue, close #4937

---
 components/table/style/index.less | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/table/style/index.less b/components/table/style/index.less
index c4d80202fe..c07507fa8a 100644
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@@ -508,7 +508,6 @@
     position: absolute;
     top: 0;
     overflow: hidden;
-    z-index: 1;
     transition: box-shadow .3s ease;
     border-radius: 0;
     table {

From f5b0536d42fc0526c76a6b374561888601843971 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 19 Feb 2017 15:06:37 +0800
Subject: [PATCH 66/88] improve demo code style

---
 components/input/demo/tooltip.md | 55 +++++++++++++-------------------
 1 file changed, 23 insertions(+), 32 deletions(-)

diff --git a/components/input/demo/tooltip.md b/components/input/demo/tooltip.md
index 3c65c61af3..f3c9318412 100644
--- a/components/input/demo/tooltip.md
+++ b/components/input/demo/tooltip.md
@@ -43,38 +43,37 @@ class NumericInput extends React.Component {
 
   // '.' at the end or only '-' in the input box.
   onBlur = () => {
-    const { value } = this.props;
+    const { value, onBlur, onChange } = this.props;
     if (value.charAt(value.length - 1) === '.' || value === '-') {
-      this.props.onChange({ value: value.slice(0, -1) });
+      onChange({ value: value.slice(0, -1) });
     }
-    if (this.props.onBlur) {
-      this.props.onBlur();
+    if (onBlur) {
+      onBlur();
     }
   }
 
   render() {
     const { value } = this.props;
-    const title = (value ?
-      (<span className="numeric-input-title">
+    const title = value ? (
+      <span className="numeric-input-title">
         {value !== '-' ? formatNumber(value) : '-'}
-      </span>) : '');
+      </span>
+    ) : '';
     return (
-      <div>
-        <Tooltip
-          trigger={['focus']}
-          title={title}
-          placement="topLeft"
-          overlayClassName="numeric-input"
-        >
-          <Input
-            {...this.props}
-            onChange={this.onChange}
-            onBlur={this.onBlur}
-            placeholder="input a number"
-            maxLength="25"
-          />
-        </Tooltip>
-      </div>
+      <Tooltip
+        trigger={['focus']}
+        title={title}
+        placement="topLeft"
+        overlayClassName="numeric-input"
+      >
+        <Input
+          {...this.props}
+          onChange={this.onChange}
+          onBlur={this.onBlur}
+          placeholder="input a number"
+          maxLength="25"
+        />
+      </Tooltip>
     );
   }
 }
@@ -89,11 +88,7 @@ class NumericInputDemo extends React.Component {
   }
   render() {
     const { value } = this.state;
-    return (
-      <div className="numeric-input-demo">
-        <NumericInput value={value} onChange={this.onChange} />
-      </div>
-    );
+    return <NumericInput style={{ width: 120 }} value={value} onChange={this.onChange} />;
   }
 }
 
@@ -111,8 +106,4 @@ or the height is not enough when content is empty */
 .numeric-input .numeric-input-title {
   font-size: 14px;
 }
-
-.numeric-input-demo {
-  width: 120px;
-}
 ````

From 173b8c46ad40a310a9d9ba2510c769dffdec855b Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 19 Feb 2017 15:21:46 +0800
Subject: [PATCH 67/88] Fix input demo tooltip

---
 .../__tests__/__snapshots__/demo.test.js.snap  | 18 +++++++-----------
 components/input/demo/tooltip.md               |  9 +++------
 2 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 539f20ecdc..27a22a770f 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -405,15 +405,11 @@ exports[`test renders ./components/input/demo/textarea.md correctly 1`] = `
 `;
 
 exports[`test renders ./components/input/demo/tooltip.md correctly 1`] = `
-<div
-  class="numeric-input-demo">
-  <div>
-    <input
-      class="ant-input"
-      maxlength="25"
-      placeholder="input a number"
-      type="text"
-      value="" />
-  </div>
-</div>
+<input
+  class="ant-input"
+  maxlength="25"
+  placeholder="Input a number"
+  style="width:120px;"
+  type="text"
+  value="" />
 `;
diff --git a/components/input/demo/tooltip.md b/components/input/demo/tooltip.md
index f3c9318412..93217e8648 100644
--- a/components/input/demo/tooltip.md
+++ b/components/input/demo/tooltip.md
@@ -40,7 +40,6 @@ class NumericInput extends React.Component {
       this.props.onChange(value);
     }
   }
-
   // '.' at the end or only '-' in the input box.
   onBlur = () => {
     const { value, onBlur, onChange } = this.props;
@@ -51,14 +50,13 @@ class NumericInput extends React.Component {
       onBlur();
     }
   }
-
   render() {
     const { value } = this.props;
     const title = value ? (
       <span className="numeric-input-title">
         {value !== '-' ? formatNumber(value) : '-'}
       </span>
-    ) : '';
+    ) : 'Input a number';
     return (
       <Tooltip
         trigger={['focus']}
@@ -70,7 +68,7 @@ class NumericInput extends React.Component {
           {...this.props}
           onChange={this.onChange}
           onBlur={this.onBlur}
-          placeholder="input a number"
+          placeholder="Input a number"
           maxLength="25"
         />
       </Tooltip>
@@ -87,8 +85,7 @@ class NumericInputDemo extends React.Component {
     this.setState({ value });
   }
   render() {
-    const { value } = this.state;
-    return <NumericInput style={{ width: 120 }} value={value} onChange={this.onChange} />;
+    return <NumericInput style={{ width: 120 }} value={this.state.value} onChange={this.onChange} />;
   }
 }
 

From 18ec5933b7c6a92e1b189d607dd3b867520198ca Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 19 Feb 2017 17:02:58 +0800
Subject: [PATCH 68/88] fix old react documentation links

---
 components/table/index.en-US.md    | 2 +-
 components/table/index.zh-CN.md    | 2 +-
 components/transfer/index.en-US.md | 2 +-
 components/transfer/index.zh-CN.md | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/table/index.en-US.md b/components/table/index.en-US.md
index da0daf677f..8f3e3bc985 100644
--- a/components/table/index.en-US.md
+++ b/components/table/index.en-US.md
@@ -156,7 +156,7 @@ class NameColumn extends Table.Column<IUser> {}
 
 ## Note
 
-According to [React documentation](http://facebook.github.io/react/docs/multiple-components.html#dynamic-children), every child in array should be assigned a unique key. The value inside `dataSource` and `columns` should follow this in Table, and `dataSource[i].key` would be treated as key value defaultly for `dataSource`.
+According to [React documentation](https://facebook.github.io/react/docs/lists-and-keys.html#keys), every child in array should be assigned a unique key. The value inside `dataSource` and `columns` should follow this in Table, and `dataSource[i].key` would be treated as key value defaultly for `dataSource`.
 
 If `dataSource[i].key` is not existed, then you should specify the primary key of dataSource value via `rowKey`. If not, warnings like above will show in browser console.
 
diff --git a/components/table/index.zh-CN.md b/components/table/index.zh-CN.md
index edde2bfe53..da2c79d874 100644
--- a/components/table/index.zh-CN.md
+++ b/components/table/index.zh-CN.md
@@ -156,7 +156,7 @@ class NameColumn extends Table.Column<IUser> {}
 
 ## 注意
 
-按照 React 的[规范](http://facebook.github.io/react/docs/multiple-components.html#dynamic-children)，所有的组件数组必须绑定 key。在 Table 中，`dataSource` 和 `columns` 里的数据值都需要指定 `key` 值。对于 `dataSource` 默认将每列数据的 `key` 属性作为唯一的标识。
+按照 [React 的规范](https://facebook.github.io/react/docs/lists-and-keys.html#keys)，所有的组件数组必须绑定 key。在 Table 中，`dataSource` 和 `columns` 里的数据值都需要指定 `key` 值。对于 `dataSource` 默认将每列数据的 `key` 属性作为唯一的标识。
 
 如果你的数据没有这个属性，务必使用 `rowKey` 来指定数据列的主键。若没有指定，控制台会出现以下的提示，表格组件也会出现各类奇怪的错误。
 
diff --git a/components/transfer/index.en-US.md b/components/transfer/index.en-US.md
index 211abdc344..e7e613c609 100644
--- a/components/transfer/index.en-US.md
+++ b/components/transfer/index.en-US.md
@@ -37,7 +37,7 @@ One or more elements can be selected from either column, one click on the proper
 
 ## Warning
 
-According the [standard](http://facebook.github.io/react/docs/multiple-components.html#dynamic-children) of React, the key should always be supplied directly to the elements in the array. In Transfer, the keys should be set on the elements included in `dataSource` array. By default, `key` property is used as an unique identifier.
+According the [standard](http://facebook.github.io/react/docs/lists-and-keys.html#keys) of React, the key should always be supplied directly to the elements in the array. In Transfer, the keys should be set on the elements included in `dataSource` array. By default, `key` property is used as an unique identifier.
 
 If there's no `key` in your data, you should use `rowKey` to specify the key that will be used for uniquely identify each element.
 ```jsx
diff --git a/components/transfer/index.zh-CN.md b/components/transfer/index.zh-CN.md
index 64fc2e4ba1..ca5b4cad04 100644
--- a/components/transfer/index.zh-CN.md
+++ b/components/transfer/index.zh-CN.md
@@ -39,7 +39,7 @@ title: Transfer
 
 ## 注意
 
-按照 React 的[规范](http://facebook.github.io/react/docs/multiple-components.html#dynamic-children)，所有的组件数组必须绑定 key。在 Transfer 中，`dataSource`里的数据值需要指定 `key` 值。对于 `dataSource` 默认将每列数据的 `key` 属性作为唯一的标识。
+按照 React 的[规范](http://facebook.github.io/react/docs/lists-and-keys.html#keys)，所有的组件数组必须绑定 key。在 Transfer 中，`dataSource`里的数据值需要指定 `key` 值。对于 `dataSource` 默认将每列数据的 `key` 属性作为唯一的标识。
 
 如果你的数据没有这个属性，务必使用 `rowKey` 来指定数据列的主键。
 

From ae67f5cc204ab9ae59088e4e02166fe123fb4ea9 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 19 Feb 2017 18:20:56 +0800
Subject: [PATCH 69/88] update doc

---
 docs/react/getting-started.en-US.md | 4 ++--
 docs/react/getting-started.zh-CN.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/react/getting-started.en-US.md b/docs/react/getting-started.en-US.md
index e42fc3c56b..bebb1325bd 100644
--- a/docs/react/getting-started.en-US.md
+++ b/docs/react/getting-started.en-US.md
@@ -3,7 +3,7 @@ order: 1
 title: Getting Started
 ---
 
-Ant Design React is dedicated to providing a **good development experience** for programmers.
+Ant Design React is dedicated to providing a **good development experience** for programmers and make sure that you had installed [Node.js](https://nodejs.org/)(> v4.x) correctly.
 
 ---
 
@@ -23,7 +23,7 @@ Such features, together with packaging the production version are covered in thi
 
 ### 1. Installation
 
-> Please make sure that you had installed [Node.js](https://nodejs.org/en/)(> v4.x) before using `antd-init`.
+[antd-init](https://github.com/ant-design/antd-init/) is a demo only scaffold tool. If you want to create real world projects, [dva-cli](https://github.com/dvajs/dva-cli) is our recommendation.
 
 ```bash
 $ npm install antd-init -g
diff --git a/docs/react/getting-started.zh-CN.md b/docs/react/getting-started.zh-CN.md
index 1195e43389..62015ce1c8 100644
--- a/docs/react/getting-started.zh-CN.md
+++ b/docs/react/getting-started.zh-CN.md
@@ -7,7 +7,7 @@ Ant Design React 致力于提供给程序员**愉悦**的开发体验。
 
 ---
 
-在开始之前，推荐先学习 [React](http://facebook.github.io/react/) 和 [ES2015](http://babeljs.io/docs/learn-es2015/)。
+在开始之前，推荐先学习 [React](http://facebook.github.io/react/) 和 [ES2015](http://babeljs.io/docs/learn-es2015/)，并确认 已经正确安装和配置了 [Node.js](https://nodejs.org/) v4.x 或以上。
 
 ## 第一个例子
 
@@ -22,7 +22,7 @@ Ant Design React 致力于提供给程序员**愉悦**的开发体验。
 
 ### 1. 安装脚手架工具
 
-> 使用 `antd-init` 前，务必确认 [Node.js](https://nodejs.org/en/) 已经升级到 v4.x 或以上。
+[antd-init](https://github.com/ant-design/antd-init/) 是一个用于演示 antd 如何使用的脚手架工具，真实项目建议使用 [dva-cli](https://github.com/dvajs/dva-cli)。
 
 ```bash
 $ npm install antd-init -g

From eb29fdada3e45fbf682ab4995457ce136b3f275f Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Sun, 19 Feb 2017 20:12:41 +0800
Subject: [PATCH 70/88] docs: Rewrite AutoComplete demos to ES6 component

---
 components/auto-complete/demo/antd.md         | 25 ++++++++++---------
 components/auto-complete/demo/basic.md        | 20 +++++++--------
 .../auto-complete/demo/non-case-sensitive.md  | 14 ++++++-----
 components/auto-complete/demo/options.md      | 20 +++++++--------
 .../auto-complete/demo/uncertain-category.md  | 20 +++++++--------
 5 files changed, 51 insertions(+), 48 deletions(-)

diff --git a/components/auto-complete/demo/antd.md b/components/auto-complete/demo/antd.md
index 2abfe91500..d47dccd00a 100644
--- a/components/auto-complete/demo/antd.md
+++ b/components/auto-complete/demo/antd.md
@@ -20,13 +20,12 @@ function onSelect(value) {
   console.log('onSelect', value);
 }
 
-const Complete = React.createClass({
-  getInitialState() {
-    return {
-      dataSource: [],
-    };
-  },
-  handleChange(value) {
+class Complete extends React.Component {
+  state = {
+    dataSource: [],
+  }
+
+  handleChange = (value) => {
     this.setState({
       dataSource: !value ? [] : [
         value,
@@ -34,10 +33,12 @@ const Complete = React.createClass({
         value + value + value,
       ],
     });
-  },
-  handleKeyPress(ev) {
+  }
+
+  handleKeyPress = (ev) => {
     console.log('handleKeyPress', ev);
-  },
+  }
+
   render() {
     const { dataSource } = this.state;
     return (
@@ -51,8 +52,8 @@ const Complete = React.createClass({
         <textarea onKeyPress={this.handleKeyPress} style={{ height: 50 }} />
       </AutoComplete>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Complete />, mountNode);
 ````
diff --git a/components/auto-complete/demo/basic.md b/components/auto-complete/demo/basic.md
index 2798226775..4b1553390f 100644
--- a/components/auto-complete/demo/basic.md
+++ b/components/auto-complete/demo/basic.md
@@ -20,13 +20,12 @@ function onSelect(value) {
   console.log('onSelect', value);
 }
 
-const Complete = React.createClass({
-  getInitialState() {
-    return {
-      dataSource: [],
-    };
-  },
-  handleChange(value) {
+class Complete extends React.Component {
+  state = {
+    dataSource: [],
+  }
+
+  handleChange = (value) => {
     this.setState({
       dataSource: !value ? [] : [
         value,
@@ -34,7 +33,8 @@ const Complete = React.createClass({
         value + value + value,
       ],
     });
-  },
+  }
+
   render() {
     const { dataSource } = this.state;
     return (
@@ -46,8 +46,8 @@ const Complete = React.createClass({
         placeholder="input here"
       />
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Complete />, mountNode);
 ````
diff --git a/components/auto-complete/demo/non-case-sensitive.md b/components/auto-complete/demo/non-case-sensitive.md
index ab4162e9a3..d076f8375c 100644
--- a/components/auto-complete/demo/non-case-sensitive.md
+++ b/components/auto-complete/demo/non-case-sensitive.md
@@ -19,12 +19,14 @@ import { AutoComplete } from 'antd';
 const dataSource = ['Burns Bay Road', 'Downing Street', 'Wall Street'];
 
 function Complete() {
-  return (<AutoComplete
-    style={{ width: 200 }}
-    dataSource={dataSource}
-    placeholder="try to type `b`"
-    filterOption={(inputValue, option) => option.props.children.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1}
-  />);
+  return (
+    <AutoComplete
+      style={{ width: 200 }}
+      dataSource={dataSource}
+      placeholder="try to type `b`"
+      filterOption={(inputValue, option) => option.props.children.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1}
+    />
+  );
 }
 
 ReactDOM.render(<Complete />, mountNode);
diff --git a/components/auto-complete/demo/options.md b/components/auto-complete/demo/options.md
index 77e3c8b102..df82d49a50 100644
--- a/components/auto-complete/demo/options.md
+++ b/components/auto-complete/demo/options.md
@@ -18,13 +18,12 @@ import { AutoComplete } from 'antd';
 
 const Option = AutoComplete.Option;
 
-const Complete = React.createClass({
-  getInitialState() {
-    return {
-      result: [],
-    };
-  },
-  handleChange(value) {
+class Complete extends React.Component {
+  state = {
+    result: [],
+  }
+
+  handleChange = (value) => {
     let result;
     if (!value || value.indexOf('@') >= 0) {
       result = [];
@@ -32,7 +31,8 @@ const Complete = React.createClass({
       result = ['gmail.com', '163.com', 'qq.com'].map(domain => `${value}@${domain}`);
     }
     this.setState({ result });
-  },
+  }
+
   render() {
     const { result } = this.state;
     const children = result.map((email) => {
@@ -47,8 +47,8 @@ const Complete = React.createClass({
         {children}
       </AutoComplete>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Complete />, mountNode);
 ````
diff --git a/components/auto-complete/demo/uncertain-category.md b/components/auto-complete/demo/uncertain-category.md
index 9051a91d5e..8c10586676 100644
--- a/components/auto-complete/demo/uncertain-category.md
+++ b/components/auto-complete/demo/uncertain-category.md
@@ -52,19 +52,19 @@ function renderOption(item) {
   );
 }
 
-const Complete = React.createClass({
-  getInitialState() {
-    return {
-      dataSource: [],
-    };
-  },
-  handleChange(value) {
+class Complete extends React.Component {
+  state = {
+    dataSource: [],
+  }
+
+  handleChange = (value) => {
     if (value) {
       this.setState({
         dataSource: searchResult(value),
       });
     }
-  },
+  }
+
   render() {
     const { dataSource } = this.state;
     return (
@@ -89,8 +89,8 @@ const Complete = React.createClass({
         </AutoComplete>
       </div>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Complete />, mountNode);
 ````

From 1fc89905315ba6b5a13e78a291910296d4d7c1b1 Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Sun, 19 Feb 2017 20:27:06 +0800
Subject: [PATCH 71/88] docs: Rewrite Badge demos to ES6 component

---
 components/badge/demo/change.md     | 34 +++++++++++++++--------------
 components/badge/demo/dot.md        | 18 ++++++++-------
 components/badge/demo/no-wrapper.md | 12 +++++-----
 components/badge/demo/overflow.md   | 30 +++++++++++++------------
 4 files changed, 51 insertions(+), 43 deletions(-)

diff --git a/components/badge/demo/change.md b/components/badge/demo/change.md
index 400bbb23bb..a56b044b30 100644
--- a/components/badge/demo/change.md
+++ b/components/badge/demo/change.md
@@ -17,27 +17,29 @@ The count will be animated as it changes.
 import { Badge, Button, Icon, Switch } from 'antd';
 const ButtonGroup = Button.Group;
 
-const Test = React.createClass({
-  getInitialState() {
-    return {
-      count: 5,
-      show: true,
-    };
-  },
-  increase() {
+class Demo extends React.Component {
+  state = {
+    count: 5,
+    show: true,
+  }
+
+  increase = () => {
     const count = this.state.count + 1;
     this.setState({ count });
-  },
-  decline() {
+  }
+
+  decline = () => {
     let count = this.state.count - 1;
     if (count < 0) {
       count = 0;
     }
     this.setState({ count });
-  },
-  onChange(show) {
+  }
+
+  onChange = (show) => {
     this.setState({ show });
-  },
+  }
+
   render() {
     return (
       <div>
@@ -62,8 +64,8 @@ const Test = React.createClass({
         </div>
       </div>
     );
-  },
-});
+  }
+}
 
-ReactDOM.render(<Test />, mountNode);
+ReactDOM.render(<Demo />, mountNode);
 ````
diff --git a/components/badge/demo/dot.md b/components/badge/demo/dot.md
index 124d8e899f..6cee5e1569 100644
--- a/components/badge/demo/dot.md
+++ b/components/badge/demo/dot.md
@@ -16,14 +16,16 @@ This will simply display a red badge, without a specific count.
 ````jsx
 import { Badge, Icon } from 'antd';
 
-ReactDOM.render(<div>
-  <Badge dot>
-    <Icon type="notification" />
-  </Badge>
-  <Badge dot>
-    <a href="#">Link something</a>
-  </Badge>
-</div>, mountNode);
+ReactDOM.render(
+  <div>
+    <Badge dot>
+      <Icon type="notification" />
+    </Badge>
+    <Badge dot>
+      <a href="#">Link something</a>
+    </Badge>
+  </div>
+, mountNode);
 ````
 
 <style>
diff --git a/components/badge/demo/no-wrapper.md b/components/badge/demo/no-wrapper.md
index f40029fe9e..4f796443cb 100644
--- a/components/badge/demo/no-wrapper.md
+++ b/components/badge/demo/no-wrapper.md
@@ -18,9 +18,11 @@ Used in standalone when children is empty.
 ````jsx
 import { Badge } from 'antd';
 
-ReactDOM.render(<div>
-  <Badge count={25} />
-  <Badge count={4} style={{ backgroundColor: '#fff', color: '#999', boxShadow: '0 0 0 1px #d9d9d9 inset' }} />
-  <Badge count={109} style={{ backgroundColor: '#87d068' }} />
-</div>, mountNode);
+ReactDOM.render(
+  <div>
+    <Badge count={25} />
+    <Badge count={4} style={{ backgroundColor: '#fff', color: '#999', boxShadow: '0 0 0 1px #d9d9d9 inset' }} />
+    <Badge count={109} style={{ backgroundColor: '#87d068' }} />
+  </div>
+, mountNode);
 ````
diff --git a/components/badge/demo/overflow.md b/components/badge/demo/overflow.md
index 6cce428040..84f7d37531 100644
--- a/components/badge/demo/overflow.md
+++ b/components/badge/demo/overflow.md
@@ -16,18 +16,20 @@ title:
 ````jsx
 import { Badge } from 'antd';
 
-ReactDOM.render(<div>
-  <Badge count={99}>
-    <a href="#" className="head-example" />
-  </Badge>
-  <Badge count={100}>
-    <a href="#" className="head-example" />
-  </Badge>
-  <Badge count={99} overflowCount={10}>
-    <a href="#" className="head-example" />
-  </Badge>
-  <Badge count={1000} overflowCount={999}>
-    <a href="#" className="head-example" />
-  </Badge>
-</div>, mountNode);
+ReactDOM.render(
+  <div>
+    <Badge count={99}>
+      <a href="#" className="head-example" />
+    </Badge>
+    <Badge count={100}>
+      <a href="#" className="head-example" />
+    </Badge>
+    <Badge count={99} overflowCount={10}>
+      <a href="#" className="head-example" />
+    </Badge>
+    <Badge count={1000} overflowCount={999}>
+      <a href="#" className="head-example" />
+    </Badge>
+  </div>
+, mountNode);
 ````

From fcf9bafb1814c0a05702c921a67cefa7cca4a262 Mon Sep 17 00:00:00 2001
From: bang <sqibang@gmail.com>
Date: Sun, 19 Feb 2017 19:51:40 +0700
Subject: [PATCH 72/88] docs: Rewrite Transfer demos to ES6 component

---
 components/transfer/demo/advanced.md    | 30 ++++++++++++-------------
 components/transfer/demo/basic.md       | 27 +++++++++++-----------
 components/transfer/demo/custom-item.md | 30 ++++++++++++-------------
 components/transfer/demo/large-data.md  | 26 ++++++++++-----------
 components/transfer/demo/search.md      | 30 ++++++++++++-------------
 5 files changed, 68 insertions(+), 75 deletions(-)

diff --git a/components/transfer/demo/advanced.md b/components/transfer/demo/advanced.md
index e6178d35fa..3474f426ec 100644
--- a/components/transfer/demo/advanced.md
+++ b/components/transfer/demo/advanced.md
@@ -18,17 +18,15 @@ You can customize the labels of the transfer buttons, the width and height of th
 ````jsx
 import { Transfer, Button } from 'antd';
 
-const App = React.createClass({
-  getInitialState() {
-    return {
-      mockData: [],
-      targetKeys: [],
-    };
-  },
+class App extends React.Component {
+  state = {
+    mockData: [],
+    targetKeys: [],
+  }
   componentDidMount() {
     this.getMock();
-  },
-  getMock() {
+  }
+  getMock = () => {
     const targetKeys = [];
     const mockData = [];
     for (let i = 0; i < 20; i++) {
@@ -44,11 +42,11 @@ const App = React.createClass({
       mockData.push(data);
     }
     this.setState({ mockData, targetKeys });
-  },
-  handleChange(targetKeys) {
+  }
+  handleChange = (targetKeys) => {
     this.setState({ targetKeys });
-  },
-  renderFooter() {
+  }
+  renderFooter = () => {
     return (
       <Button size="small" style={{ float: 'right', margin: 5 }}
         onClick={this.getMock}
@@ -56,7 +54,7 @@ const App = React.createClass({
         reload
       </Button>
     );
-  },
+  }
   render() {
     return (
       <Transfer
@@ -73,8 +71,8 @@ const App = React.createClass({
         footer={this.renderFooter}
       />
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<App />, mountNode);
 ````
diff --git a/components/transfer/demo/basic.md b/components/transfer/demo/basic.md
index ff4ae5facc..302d2b1f38 100644
--- a/components/transfer/demo/basic.md
+++ b/components/transfer/demo/basic.md
@@ -30,26 +30,27 @@ const targetKeys = mockData
         .filter(item => +item.key % 3 > 1)
         .map(item => item.key);
 
-const App = React.createClass({
-  getInitialState() {
-    return {
-      targetKeys,
-      selectedKeys: [],
-    };
-  },
-  handleChange(nextTargetKeys, direction, moveKeys) {
+class App extends React.Component {
+  state = {
+    targetKeys,
+    selectedKeys: [],
+  }
+
+  handleChange = (nextTargetKeys, direction, moveKeys) => {
     this.setState({ targetKeys: nextTargetKeys });
 
     console.log('targetKeys: ', targetKeys);
     console.log('direction: ', direction);
     console.log('moveKeys: ', moveKeys);
-  },
-  handleSelectChange(sourceSelectedKeys, targetSelectedKeys) {
+  }
+
+  handleSelectChange = (sourceSelectedKeys, targetSelectedKeys) => {
     this.setState({ selectedKeys: [...sourceSelectedKeys, ...targetSelectedKeys] });
 
     console.log('sourceSelectedKeys: ', sourceSelectedKeys);
     console.log('targetSelectedKeys: ', targetSelectedKeys);
-  },
+  }
+
   render() {
     const state = this.state;
     return (
@@ -63,8 +64,8 @@ const App = React.createClass({
         render={item => item.title}
       />
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<App />, mountNode);
 ````
diff --git a/components/transfer/demo/custom-item.md b/components/transfer/demo/custom-item.md
index dc0ce24c01..144fa0227d 100644
--- a/components/transfer/demo/custom-item.md
+++ b/components/transfer/demo/custom-item.md
@@ -16,17 +16,15 @@ Custom each Transfer Item, and in this way you can render a complex datasource.
 ````jsx
 import { Transfer } from 'antd';
 
-const App = React.createClass({
-  getInitialState() {
-    return {
-      mockData: [],
-      targetKeys: [],
-    };
-  },
+class App extends React.Component {
+  state = {
+    mockData: [],
+    targetKeys: [],
+  }
   componentDidMount() {
     this.getMock();
-  },
-  getMock() {
+  }
+  getMock = () => {
     const targetKeys = [];
     const mockData = [];
     for (let i = 0; i < 20; i++) {
@@ -42,12 +40,12 @@ const App = React.createClass({
       mockData.push(data);
     }
     this.setState({ mockData, targetKeys });
-  },
-  handleChange(targetKeys, direction, moveKeys) {
+  }
+  handleChange = (targetKeys, direction, moveKeys) => {
     console.log(targetKeys, direction, moveKeys);
     this.setState({ targetKeys });
-  },
-  renderItem(item) {
+  }
+  renderItem = (item) => {
     const customLabel = (
       <span className="custom-item">
         {item.title} - {item.description}
@@ -58,7 +56,7 @@ const App = React.createClass({
       label: customLabel,  // for displayed item
       value: item.title,   // for title and filter matching
     };
-  },
+  }
   render() {
     return (
       <Transfer
@@ -72,8 +70,8 @@ const App = React.createClass({
         render={this.renderItem}
       />
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<App />, mountNode);
 ````
diff --git a/components/transfer/demo/large-data.md b/components/transfer/demo/large-data.md
index 090eba2266..75e1da8701 100644
--- a/components/transfer/demo/large-data.md
+++ b/components/transfer/demo/large-data.md
@@ -17,17 +17,15 @@ title:
 ````jsx
 import { Transfer } from 'antd';
 
-const App = React.createClass({
-  getInitialState() {
-    return {
-      mockData: [],
-      targetKeys: [],
-    };
-  },
+class App extends React.Component {
+  state = {
+    mockData: [],
+    targetKeys: [],
+  }
   componentDidMount() {
     this.getMock();
-  },
-  getMock() {
+  }
+  getMock = () => {
     const targetKeys = [];
     const mockData = [];
     for (let i = 0; i < 2000; i++) {
@@ -43,11 +41,11 @@ const App = React.createClass({
       mockData.push(data);
     }
     this.setState({ mockData, targetKeys });
-  },
-  handleChange(targetKeys, direction, moveKeys) {
+  }
+  handleChange = (targetKeys, direction, moveKeys) => {
     console.log(targetKeys, direction, moveKeys);
     this.setState({ targetKeys });
-  },
+  }
   render() {
     return (
       <Transfer
@@ -57,8 +55,8 @@ const App = React.createClass({
         render={item => item.title}
       />
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<App />, mountNode);
 ````
diff --git a/components/transfer/demo/search.md b/components/transfer/demo/search.md
index a9a02df8cd..330aa7195b 100644
--- a/components/transfer/demo/search.md
+++ b/components/transfer/demo/search.md
@@ -16,17 +16,15 @@ Transfer with a search box.
 ````jsx
 import { Transfer } from 'antd';
 
-const App = React.createClass({
-  getInitialState() {
-    return {
-      mockData: [],
-      targetKeys: [],
-    };
-  },
+class App extends React.Component {
+  state = {
+    mockData: [],
+    targetKeys: [],
+  }
   componentDidMount() {
     this.getMock();
-  },
-  getMock() {
+  }
+  getMock = () => {
     const targetKeys = [];
     const mockData = [];
     for (let i = 0; i < 20; i++) {
@@ -42,13 +40,13 @@ const App = React.createClass({
       mockData.push(data);
     }
     this.setState({ mockData, targetKeys });
-  },
-  filterOption(inputValue, option) {
+  }
+  filterOption = (inputValue, option) => {
     return option.description.indexOf(inputValue) > -1;
-  },
-  handleChange(targetKeys) {
+  }
+  handleChange = (targetKeys) => {
     this.setState({ targetKeys });
-  },
+  }
   render() {
     return (
       <Transfer
@@ -60,8 +58,8 @@ const App = React.createClass({
         render={item => item.title}
       />
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<App />, mountNode);
 ````

From a69a52f8b81065583f2874b5ba6dc8e4389b9b87 Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Sun, 19 Feb 2017 20:53:31 +0800
Subject: [PATCH 73/88] docs: Rewrite Button demos to ES6 component

---
 components/button/demo/loading.md | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/components/button/demo/loading.md b/components/button/demo/loading.md
index 543fac995f..3c4eb4d01a 100644
--- a/components/button/demo/loading.md
+++ b/components/button/demo/loading.md
@@ -16,19 +16,20 @@ A loading indicator can be added to a button by setting the `loading` property o
 ````jsx
 import { Button } from 'antd';
 
-const App = React.createClass({
-  getInitialState() {
-    return {
-      loading: false,
-      iconLoading: false,
-    };
-  },
-  enterLoading() {
+class App extends React.Component {
+  state = {
+    loading: false,
+    iconLoading: false,
+  }
+
+  enterLoading = () => {
     this.setState({ loading: true });
-  },
-  enterIconLoading() {
+  }
+
+  enterIconLoading = () => {
     this.setState({ iconLoading: true });
-  },
+  }
+
   render() {
     return (
       <div>
@@ -50,8 +51,8 @@ const App = React.createClass({
         <Button type="primary" shape="circle" loading />
       </div>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<App />, mountNode);
 ````

From eabe26164868d9aa387ab914ede1bfaee9cb03b2 Mon Sep 17 00:00:00 2001
From: bang <sqibang@gmail.com>
Date: Sun, 19 Feb 2017 20:23:38 +0700
Subject: [PATCH 74/88] docs: Rewrite Tree demos to ES6 component

---
 components/tree/demo/basic-controlled.md | 32 ++++++++++------------
 components/tree/demo/basic.md            | 35 ++++++++++--------------
 components/tree/demo/draggable.md        | 26 ++++++++----------
 components/tree/demo/dynamic.md          | 26 ++++++++----------
 4 files changed, 54 insertions(+), 65 deletions(-)

diff --git a/components/tree/demo/basic-controlled.md b/components/tree/demo/basic-controlled.md
index 16c3851ff0..9c5b9d471b 100644
--- a/components/tree/demo/basic-controlled.md
+++ b/components/tree/demo/basic-controlled.md
@@ -45,16 +45,14 @@ const generateData = (_level, _preKey, _tns) => {
 };
 generateData(z);
 
-const Demo = React.createClass({
-  getInitialState() {
-    return {
-      expandedKeys: ['0-0-0', '0-0-1'],
-      autoExpandParent: true,
-      checkedKeys: ['0-0-0'],
-      selectedKeys: [],
-    };
-  },
-  onExpand(expandedKeys) {
+class Demo extends React.Component {
+  state = {
+    expandedKeys: ['0-0-0', '0-0-1'],
+    autoExpandParent: true,
+    checkedKeys: ['0-0-0'],
+    selectedKeys: [],
+  }
+  onExpand = (expandedKeys) => {
     console.log('onExpand', arguments);
     // if not set autoExpandParent to false, if children expanded, parent can not collapse.
     // or, you can remove all expanded children keys.
@@ -62,17 +60,17 @@ const Demo = React.createClass({
       expandedKeys,
       autoExpandParent: false,
     });
-  },
-  onCheck(checkedKeys) {
+  }
+  onCheck = (checkedKeys) => {
     this.setState({
       checkedKeys,
       selectedKeys: ['0-3', '0-4'],
     });
-  },
-  onSelect(selectedKeys, info) {
+  }
+  onSelect = (selectedKeys, info) => {
     console.log('onSelect', info);
     this.setState({ selectedKeys });
-  },
+  }
   render() {
     const loop = data => data.map((item) => {
       if (item.children) {
@@ -95,8 +93,8 @@ const Demo = React.createClass({
         {loop(gData)}
       </Tree>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Demo />, mountNode);
 ````
diff --git a/components/tree/demo/basic.md b/components/tree/demo/basic.md
index aef36c976b..a257f461c1 100644
--- a/components/tree/demo/basic.md
+++ b/components/tree/demo/basic.md
@@ -17,26 +17,21 @@ The most basic usage, tell you how to use checkable, selectable, disabled, defau
 import { Tree } from 'antd';
 const TreeNode = Tree.TreeNode;
 
-const Demo = React.createClass({
-  getDefaultProps() {
-    return {
-      keys: ['0-0-0', '0-0-1'],
-    };
-  },
-  getInitialState() {
-    const keys = this.props.keys;
-    return {
-      defaultExpandedKeys: keys,
-      defaultSelectedKeys: keys,
-      defaultCheckedKeys: keys,
-    };
-  },
-  onSelect(info) {
+class Demo extends React.Component {
+  static defaultProps = {
+    keys: ['0-0-0', '0-0-1'],
+  }
+  state = {
+    defaultExpandedKeys: this.props.keys,
+    defaultSelectedKeys: this.props.keys,
+    defaultCheckedKeys: this.props.keys,
+  }
+  onSelect = (info) => {
     console.log('selected', info);
-  },
-  onCheck(info) {
+  }
+  onCheck = (info) => {
     console.log('onCheck', info);
-  },
+  }
   render() {
     return (
       <Tree className="myCls" showLine checkable
@@ -56,8 +51,8 @@ const Demo = React.createClass({
         </TreeNode>
       </Tree>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Demo />, mountNode);
 ````
diff --git a/components/tree/demo/draggable.md b/components/tree/demo/draggable.md
index 8a1649f1db..0651623467 100644
--- a/components/tree/demo/draggable.md
+++ b/components/tree/demo/draggable.md
@@ -1,6 +1,6 @@
 ---
 order: 2
-title: 
+title:
   zh-CN: 拖动示例
   en-US: draggable
 ---
@@ -45,21 +45,19 @@ const generateData = (_level, _preKey, _tns) => {
 };
 generateData(z);
 
-const Demo = React.createClass({
-  getInitialState() {
-    return {
-      gData,
-      expandedKeys: ['0-0', '0-0-0', '0-0-0-0'],
-    };
-  },
-  onDragEnter(info) {
+class Demo extends React.Component {
+  state = {
+    gData,
+    expandedKeys: ['0-0', '0-0-0', '0-0-0-0'],
+  }
+  onDragEnter = (info) => {
     console.log(info);
     // expandedKeys 需要受控时设置
     // this.setState({
     //   expandedKeys: info.expandedKeys,
     // });
-  },
-  onDrop(info) {
+  }
+  onDrop = (info) => {
     console.log(info);
     const dropKey = info.node.props.eventKey;
     const dragKey = info.dragNode.props.eventKey;
@@ -98,7 +96,7 @@ const Demo = React.createClass({
     this.setState({
       gData: data,
     });
-  },
+  }
   render() {
     const loop = data => data.map((item) => {
       if (item.children && item.children.length) {
@@ -116,8 +114,8 @@ const Demo = React.createClass({
         {loop(this.state.gData)}
       </Tree>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Demo />, mountNode);
 ````
diff --git a/components/tree/demo/dynamic.md b/components/tree/demo/dynamic.md
index 6ac0623505..425e8c90f3 100644
--- a/components/tree/demo/dynamic.md
+++ b/components/tree/demo/dynamic.md
@@ -1,6 +1,6 @@
 ---
 order: 3
-title: 
+title:
   zh-CN: 异步数据加载
   en-US: load data asynchronously
 ---
@@ -61,12 +61,10 @@ function getNewTreeData(treeData, curKey, child, level) {
   setLeaf(treeData, curKey, level);
 }
 
-const Demo = React.createClass({
-  getInitialState() {
-    return {
-      treeData: [],
-    };
-  },
+class Demo extends React.Component {
+  state = {
+    treeData: [],
+  }
   componentDidMount() {
     setTimeout(() => {
       this.setState({
@@ -77,11 +75,11 @@ const Demo = React.createClass({
         ],
       });
     }, 100);
-  },
-  onSelect(info) {
+  }
+  onSelect = (info) => {
     console.log('selected', info);
-  },
-  onLoadData(treeNode) {
+  }
+  onLoadData = (treeNode) => {
     return new Promise((resolve) => {
       setTimeout(() => {
         const treeData = [...this.state.treeData];
@@ -90,7 +88,7 @@ const Demo = React.createClass({
         resolve();
       }, 1000);
     });
-  },
+  }
   render() {
     const loop = data => data.map((item) => {
       if (item.children) {
@@ -104,8 +102,8 @@ const Demo = React.createClass({
         {treeNodes}
       </Tree>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Demo />, mountNode);
 ````

From c10b051a921e1e439cc7dd4698708a0af87b4e58 Mon Sep 17 00:00:00 2001
From: bang <sqibang@gmail.com>
Date: Sun, 19 Feb 2017 20:41:54 +0700
Subject: [PATCH 75/88] docs: Rewrite TreeSelect demos to ES6 component

---
 components/tree-select/demo/basic.md     | 18 ++++++++----------
 components/tree-select/demo/checkable.md | 18 ++++++++----------
 components/tree-select/demo/treeData.md  | 18 ++++++++----------
 3 files changed, 24 insertions(+), 30 deletions(-)

diff --git a/components/tree-select/demo/basic.md b/components/tree-select/demo/basic.md
index 913c1d6a75..de62cafdd3 100644
--- a/components/tree-select/demo/basic.md
+++ b/components/tree-select/demo/basic.md
@@ -17,16 +17,14 @@ The most basic usage.
 import { TreeSelect } from 'antd';
 const TreeNode = TreeSelect.TreeNode;
 
-const Demo = React.createClass({
-  getInitialState() {
-    return {
-      value: undefined,
-    };
-  },
-  onChange(value) {
+class Demo extends React.Component {
+  state = {
+    value: undefined,
+  }
+  onChange = (value) => {
     console.log(arguments);
     this.setState({ value });
-  },
+  }
   render() {
     return (
       <TreeSelect
@@ -50,8 +48,8 @@ const Demo = React.createClass({
         </TreeNode>
       </TreeSelect>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Demo />, mountNode);
 ````
diff --git a/components/tree-select/demo/checkable.md b/components/tree-select/demo/checkable.md
index 81d86140eb..3ed536a151 100644
--- a/components/tree-select/demo/checkable.md
+++ b/components/tree-select/demo/checkable.md
@@ -45,16 +45,14 @@ const treeData = [{
   }],
 }];
 
-const Demo = React.createClass({
-  getInitialState() {
-    return {
-      value: ['0-0-0'],
-    };
-  },
-  onChange(value) {
+class Demo extends React.Component {
+  state = {
+    value: ['0-0-0'],
+  }
+  onChange = (value) => {
     console.log('onChange ', value, arguments);
     this.setState({ value });
-  },
+  }
   render() {
     const tProps = {
       treeData,
@@ -69,8 +67,8 @@ const Demo = React.createClass({
       },
     };
     return <TreeSelect {...tProps} />;
-  },
-});
+  }
+}
 
 ReactDOM.render(<Demo />, mountNode);
 ````
diff --git a/components/tree-select/demo/treeData.md b/components/tree-select/demo/treeData.md
index 327a0a28b2..c8ed74eb61 100644
--- a/components/tree-select/demo/treeData.md
+++ b/components/tree-select/demo/treeData.md
@@ -36,16 +36,14 @@ const treeData = [{
   key: '0-1',
 }];
 
-const Demo = React.createClass({
-  getInitialState() {
-    return {
-      value: undefined,
-    };
-  },
-  onChange(value) {
+class Demo extends React.Component {
+  state = {
+    value: undefined,
+  }
+  onChange = (value) => {
     console.log(arguments);
     this.setState({ value });
-  },
+  }
   render() {
     return (
       <TreeSelect
@@ -58,8 +56,8 @@ const Demo = React.createClass({
         onChange={this.onChange}
       />
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Demo />, mountNode);
 ````

From a4acf1f66e68ea614c043f85030e2e037b1b639a Mon Sep 17 00:00:00 2001
From: bang <sqibang@gmail.com>
Date: Sun, 19 Feb 2017 20:50:06 +0700
Subject: [PATCH 76/88] docs: Rewrite Upload demos to ES6 component

---
 components/upload/demo/fileList.md | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/components/upload/demo/fileList.md b/components/upload/demo/fileList.md
index 876e314d7a..134e6bb284 100644
--- a/components/upload/demo/fileList.md
+++ b/components/upload/demo/fileList.md
@@ -28,18 +28,16 @@ You can gain full control over filelist by configuring `fileList`. You can accom
 ````jsx
 import { Upload, Button, Icon } from 'antd';
 
-const MyUpload = React.createClass({
-  getInitialState() {
-    return {
-      fileList: [{
-        uid: -1,
-        name: 'xxx.png',
-        status: 'done',
-        url: 'http://www.baidu.com/xxx.png',
-      }],
-    };
-  },
-  handleChange(info) {
+class MyUpload extends React.Component {
+  state = {
+    fileList: [{
+      uid: -1,
+      name: 'xxx.png',
+      status: 'done',
+      url: 'http://www.baidu.com/xxx.png',
+    }],
+  }
+  handleChange = (info) => {
     let fileList = info.fileList;
 
     // 1. Limit the number of uploaded files
@@ -64,7 +62,7 @@ const MyUpload = React.createClass({
     });
 
     this.setState({ fileList });
-  },
+  }
   render() {
     const props = {
       action: '/upload.do',
@@ -78,8 +76,8 @@ const MyUpload = React.createClass({
         </Button>
       </Upload>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<MyUpload />, mountNode);
 ````

From 6bcd88f5c074f4a1ab8fd72c9d6e3cab52a6451a Mon Sep 17 00:00:00 2001
From: bang <sqibang@gmail.com>
Date: Sun, 19 Feb 2017 21:07:45 +0700
Subject: [PATCH 77/88] docs: Rewrite Tabs demos to ES6 component

---
 components/tabs/demo/custom-add-trigger.md | 30 ++++++++++---------
 components/tabs/demo/editable-card.md      | 35 ++++++++++++----------
 components/tabs/demo/position.md           | 19 ++++++------
 3 files changed, 44 insertions(+), 40 deletions(-)

diff --git a/components/tabs/demo/custom-add-trigger.md b/components/tabs/demo/custom-add-trigger.md
index a81b2ba848..46c9b76853 100644
--- a/components/tabs/demo/custom-add-trigger.md
+++ b/components/tabs/demo/custom-add-trigger.md
@@ -17,31 +17,33 @@ Hide default plus icon, and bind event for customized trigger.
 import { Tabs, Button } from 'antd';
 const TabPane = Tabs.TabPane;
 
-const Demo = React.createClass({
-  getInitialState() {
+class Demo extends React.Component {
+  constructor(props) {
+    super(props);
     this.newTabIndex = 0;
     const panes = [
       { title: 'Tab 1', content: 'Content of Tab Pane 1', key: '1' },
       { title: 'Tab 2', content: 'Content of Tab Pane 2', key: '2' },
     ];
-    return {
+    this.state = {
       activeKey: panes[0].key,
       panes,
     };
-  },
-  onChange(activeKey) {
+  }
+
+  onChange = (activeKey) => {
     this.setState({ activeKey });
-  },
-  onEdit(targetKey, action) {
+  }
+  onEdit = (targetKey, action) => {
     this[action](targetKey);
-  },
-  add() {
+  }
+  add = () => {
     const panes = this.state.panes;
     const activeKey = `newTab${this.newTabIndex++}`;
     panes.push({ title: 'New Tab', content: 'New Tab Pane', key: activeKey });
     this.setState({ panes, activeKey });
-  },
-  remove(targetKey) {
+  }
+  remove = (targetKey) => {
     let activeKey = this.state.activeKey;
     let lastIndex;
     this.state.panes.forEach((pane, i) => {
@@ -54,7 +56,7 @@ const Demo = React.createClass({
       activeKey = panes[lastIndex].key;
     }
     this.setState({ panes, activeKey });
-  },
+  }
   render() {
     return (
       <div>
@@ -72,8 +74,8 @@ const Demo = React.createClass({
         </Tabs>
       </div>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Demo />, mountNode);
 ````
diff --git a/components/tabs/demo/editable-card.md b/components/tabs/demo/editable-card.md
index d57ed47559..d26d6ac673 100644
--- a/components/tabs/demo/editable-card.md
+++ b/components/tabs/demo/editable-card.md
@@ -17,31 +17,34 @@ Only card type Tabs support adding & closeable.
 import { Tabs } from 'antd';
 const TabPane = Tabs.TabPane;
 
-const Demo = React.createClass({
-  getInitialState() {
+
+class Demo extends React.Component {
+  constructor(props) {
+    super(props);
     this.newTabIndex = 0;
     const panes = [
-      { title: 'Tab 1', content: 'Content of Tab 1', key: '1' },
-      { title: 'Tab 2', content: 'Content of Tab 2', key: '2' },
+      { title: 'Tab 1', content: 'Content of Tab Pane 1', key: '1' },
+      { title: 'Tab 2', content: 'Content of Tab Pane 2', key: '2' },
     ];
-    return {
+    this.state = {
       activeKey: panes[0].key,
       panes,
     };
-  },
-  onChange(activeKey) {
+  }
+
+  onChange = (activeKey) => {
     this.setState({ activeKey });
-  },
-  onEdit(targetKey, action) {
+  }
+  onEdit = (targetKey, action) => {
     this[action](targetKey);
-  },
-  add() {
+  }
+  add = () => {
     const panes = this.state.panes;
     const activeKey = `newTab${this.newTabIndex++}`;
     panes.push({ title: 'New Tab', content: 'Content of new Tab', key: activeKey });
     this.setState({ panes, activeKey });
-  },
-  remove(targetKey) {
+  }
+  remove = (targetKey) => {
     let activeKey = this.state.activeKey;
     let lastIndex;
     this.state.panes.forEach((pane, i) => {
@@ -54,7 +57,7 @@ const Demo = React.createClass({
       activeKey = panes[lastIndex].key;
     }
     this.setState({ panes, activeKey });
-  },
+  }
   render() {
     return (
       <Tabs
@@ -66,8 +69,8 @@ const Demo = React.createClass({
         {this.state.panes.map(pane => <TabPane tab={pane.title} key={pane.key}>{pane.content}</TabPane>)}
       </Tabs>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Demo />, mountNode);
 ````
diff --git a/components/tabs/demo/position.md b/components/tabs/demo/position.md
index 26fd1894e3..f438e03194 100644
--- a/components/tabs/demo/position.md
+++ b/components/tabs/demo/position.md
@@ -18,15 +18,14 @@ import { Tabs, Select } from 'antd';
 const TabPane = Tabs.TabPane;
 const Option = Select.Option;
 
-const Demo = React.createClass({
-  getInitialState() {
-    return {
-      tabPosition: 'top',
-    };
-  },
-  changeTabPosition(tabPosition) {
+
+class Demo extends React.Component {
+  state = {
+    tabPosition: 'top',
+  }
+  changeTabPosition = (tabPosition) => {
     this.setState({ tabPosition });
-  },
+  }
   render() {
     return (
       <div>
@@ -48,8 +47,8 @@ const Demo = React.createClass({
         </Tabs>
       </div>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Demo />, mountNode);
 ````

From b90237ee6fcbf4498ad4232786343e592f86bcc7 Mon Sep 17 00:00:00 2001
From: bang <sqibang@gmail.com>
Date: Sun, 19 Feb 2017 21:23:31 +0700
Subject: [PATCH 78/88] fix: Tabs snapshot tests

---
 components/tabs/demo/editable-card.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/tabs/demo/editable-card.md b/components/tabs/demo/editable-card.md
index d26d6ac673..e5d0695f8d 100644
--- a/components/tabs/demo/editable-card.md
+++ b/components/tabs/demo/editable-card.md
@@ -23,8 +23,8 @@ class Demo extends React.Component {
     super(props);
     this.newTabIndex = 0;
     const panes = [
-      { title: 'Tab 1', content: 'Content of Tab Pane 1', key: '1' },
-      { title: 'Tab 2', content: 'Content of Tab Pane 2', key: '2' },
+      { title: 'Tab 1', content: 'Content of Tab 1', key: '1' },
+      { title: 'Tab 2', content: 'Content of Tab 2', key: '2' },
     ];
     this.state = {
       activeKey: panes[0].key,

From 7a4080ec40e3e48fbd3918dff57eb7d546349862 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=86=E7=A6=BB?= <surgesoft@gmail.com>
Date: Mon, 20 Feb 2017 00:09:07 +0800
Subject: [PATCH 79/88]  Fix some problems of AutoCompelete demo (#4942)

+ close #4912
---
 components/auto-complete/demo/uncertain-category.md | 10 ++++++++--
 components/auto-complete/index.en-US.md             |  2 +-
 components/auto-complete/index.tsx                  |  9 +++++----
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/components/auto-complete/demo/uncertain-category.md b/components/auto-complete/demo/uncertain-category.md
index 8c10586676..093f5b9132 100644
--- a/components/auto-complete/demo/uncertain-category.md
+++ b/components/auto-complete/demo/uncertain-category.md
@@ -47,7 +47,7 @@ function renderOption(item) {
         {item.category}
       </a>
       区块中
-      <span style={{ float: 'right' }}>约 {item.count} 个结果</span>
+      <span className="global-search-item-count">约 {item.count} 个结果</span>
     </Option>
   );
 }
@@ -128,11 +128,17 @@ ReactDOM.render(<Complete />, mountNode);
 }
 
 .global-search.ant-select-auto-complete .ant-input-preSuffix-wrapper .ant-input-suffix {
-  right: 0;
+  right: 1px;
 }
 
 .global-search.ant-select-auto-complete .ant-input-preSuffix-wrapper .ant-input-suffix button {
+  border-radius: 3px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
+
+.global-search-item-count {
+ position: absolute;
+ right: 16px;
+}
 ````
diff --git a/components/auto-complete/index.en-US.md b/components/auto-complete/index.en-US.md
index 98fa52187f..76223e7714 100644
--- a/components/auto-complete/index.en-US.md
+++ b/components/auto-complete/index.en-US.md
@@ -1,7 +1,7 @@
 ---
 category: Components
 type: Data Entry
-cols: 1
+cols: 2
 title: AutoComplete
 ---
 
diff --git a/components/auto-complete/index.tsx b/components/auto-complete/index.tsx
index 0be5f83c07..15768ef8ba 100755
--- a/components/auto-complete/index.tsx
+++ b/components/auto-complete/index.tsx
@@ -39,17 +39,18 @@ export interface AutoCompleteProps extends AbstractSelectProps {
 }
 
 class InputElement extends React.Component<any, any> {
-  private ele: Element;
+  private ele: HTMLInputElement;
+
   focus = () => {
-    (findDOMNode(this.ele) as HTMLInputElement).focus();
+    this.ele.focus ? this.ele.focus() : (findDOMNode(this.ele) as HTMLInputElement).focus();
   }
   blur = () => {
-    (findDOMNode(this.ele) as HTMLInputElement).blur();
+    this.ele.blur ? this.ele.blur() : (findDOMNode(this.ele) as HTMLInputElement).blur();
   }
   render() {
     return React.cloneElement(this.props.children, {
       ...this.props,
-      ref: ele => this.ele = ele,
+      ref: ele => this.ele = (ele as HTMLInputElement),
     }, null);
   }
 }

From 0d2da7ad3b4183a3f90ff94e671a5920a240aa6c Mon Sep 17 00:00:00 2001
From: feng zhi hao <fzhihao@outlook.com>
Date: Mon, 20 Feb 2017 09:45:23 +0800
Subject: [PATCH 80/88] docs: Rewrite Cascader demos to ES6 component (#4943)

---
 components/cascader/demo/custom-trigger.md | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/components/cascader/demo/custom-trigger.md b/components/cascader/demo/custom-trigger.md
index a5ce654810..1c0e40befc 100644
--- a/components/cascader/demo/custom-trigger.md
+++ b/components/cascader/demo/custom-trigger.md
@@ -32,17 +32,16 @@ const options = [{
   }],
 }];
 
-const CitySwitcher = React.createClass({
-  getInitialState() {
-    return {
-      text: 'Unselect',
-    };
-  },
-  onChange(value, selectedOptions) {
+class CitySwitcher extends React.Component {
+  state = {
+    text: 'Unselect',
+  };
+
+  onChange = (value, selectedOptions) => {
     this.setState({
       text: selectedOptions.map(o => o.label).join(', '),
     });
-  },
+  }
   render() {
     return (
       <span>
@@ -53,8 +52,8 @@ const CitySwitcher = React.createClass({
         </Cascader>
       </span>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<CitySwitcher />, mountNode);
 ````

From 6eca407711807ac02678b12ae79fe1df7e110861 Mon Sep 17 00:00:00 2001
From: feng zhi hao <fzhihao@outlook.com>
Date: Mon, 20 Feb 2017 10:09:37 +0800
Subject: [PATCH 81/88] docs: rewrite Checkbox demos to ES6 component (#4944)

---
 components/checkbox/demo/check-all.md  | 26 +++++++++++-------------
 components/checkbox/demo/controller.md | 28 ++++++++++++--------------
 components/checkbox/demo/disabled.md   | 12 ++++++-----
 3 files changed, 32 insertions(+), 34 deletions(-)

diff --git a/components/checkbox/demo/check-all.md b/components/checkbox/demo/check-all.md
index 214e3a5285..479632d28e 100644
--- a/components/checkbox/demo/check-all.md
+++ b/components/checkbox/demo/check-all.md
@@ -20,14 +20,12 @@ const CheckboxGroup = Checkbox.Group;
 const plainOptions = ['Apple', 'Pear', 'Orange'];
 const defaultCheckedList = ['Apple', 'Orange'];
 
-const App = React.createClass({
-  getInitialState() {
-    return {
-      checkedList: defaultCheckedList,
-      indeterminate: true,
-      checkAll: false,
-    };
-  },
+class App extends React.Component {
+  state = {
+    checkedList: defaultCheckedList,
+    indeterminate: true,
+    checkAll: false,
+  };
   render() {
     return (
       <div>
@@ -44,22 +42,22 @@ const App = React.createClass({
         <CheckboxGroup options={plainOptions} value={this.state.checkedList} onChange={this.onChange} />
       </div>
     );
-  },
-  onChange(checkedList) {
+  }
+  onChange = (checkedList) => {
     this.setState({
       checkedList,
       indeterminate: !!checkedList.length && (checkedList.length < plainOptions.length),
       checkAll: checkedList.length === plainOptions.length,
     });
-  },
-  onCheckAllChange(e) {
+  }
+  onCheckAllChange = (e) => {
     this.setState({
       checkedList: e.target.checked ? plainOptions : [],
       indeterminate: false,
       checkAll: e.target.checked,
     });
-  },
-});
+  }
+}
 
 ReactDOM.render(<App />, mountNode);
 ````
diff --git a/components/checkbox/demo/controller.md b/components/checkbox/demo/controller.md
index 812a330757..3db0211a89 100644
--- a/components/checkbox/demo/controller.md
+++ b/components/checkbox/demo/controller.md
@@ -16,13 +16,11 @@ Communicated with other components.
 ````jsx
 import { Checkbox, Button } from 'antd';
 
-const App = React.createClass({
-  getInitialState() {
-    return {
-      checked: true,
-      disabled: false,
-    };
-  },
+class App extends React.Component {
+  state = {
+    checked: true,
+    disabled: false,
+  };
   render() {
     const label = `${this.state.checked ? 'Checked' : 'Unchecked'}-${this.state.disabled ? 'Disabled' : 'Enabled'}`;
     return (
@@ -50,20 +48,20 @@ const App = React.createClass({
         </p>
       </div>
     );
-  },
-  toggleChecked() {
+  }
+  toggleChecked = () => {
     this.setState({ checked: !this.state.checked });
-  },
-  toggleDisable() {
+  }
+  toggleDisable = () => {
     this.setState({ disabled: !this.state.disabled });
-  },
-  onChange(e) {
+  }
+  onChange = (e) => {
     console.log('checked = ', e.target.checked);
     this.setState({
       checked: e.target.checked,
     });
-  },
-});
+  }
+}
 
 ReactDOM.render(<App />, mountNode);
 ````
diff --git a/components/checkbox/demo/disabled.md b/components/checkbox/demo/disabled.md
index ae52df4f92..1f5a6b56e3 100644
--- a/components/checkbox/demo/disabled.md
+++ b/components/checkbox/demo/disabled.md
@@ -16,9 +16,11 @@ Disabled checkbox.
 ````jsx
 import { Checkbox } from 'antd';
 
-ReactDOM.render(<div>
-  <Checkbox defaultChecked={false} disabled />
-  <br />
-  <Checkbox defaultChecked disabled />
-</div>, mountNode);
+ReactDOM.render(
+  <div>
+    <Checkbox defaultChecked={false} disabled />
+    <br />
+    <Checkbox defaultChecked disabled />
+  </div>
+  , mountNode);
 ````

From 1c2c93fa81fac26485cdd5dfd1370607a3d7f89b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Mon, 20 Feb 2017 10:30:24 +0800
Subject: [PATCH 82/88] fix: show muliple messages in vertical direction, close
 #3543 (#4939)

---
 components/message/style/index.less | 33 +++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 7 deletions(-)

diff --git a/components/message/style/index.less b/components/message/style/index.less
index 71d9ba5890..181e8d29f5 100644
--- a/components/message/style/index.less
+++ b/components/message/style/index.less
@@ -9,22 +9,23 @@
   width: 100%;
   top: 16px;
   left: 0;
+  pointer-events: none;
 
   &-notice {
-    width: auto;
-    vertical-align: middle;
-    position: absolute;
-    left: 50%;
+    padding: 8px;
+    text-align: center;
+    &:first-child {
+      margin-top: -8px;
+    }
   }
 
   &-notice-content {
-    position: relative;
-    right: 50%;
     padding: 8px 16px;
     border-radius: @border-radius-base;
     box-shadow: @shadow-2;
     background: @component-background;
-    display: block;
+    display: inline-block;
+    pointer-events: all;
   }
 
   &-success .@{iconfont-css-prefix} {
@@ -50,4 +51,22 @@
     top: 1px;
     position: relative;
   }
+
+  &-notice.move-up-leave.move-up-leave-active {
+    animation-name: MessageMoveOut;
+    overflow: hidden;
+  }
+}
+
+@keyframes MessageMoveOut {
+  0% {
+    opacity: 1;
+    max-height: 60px;
+    padding: 8px;
+  }
+  100% {
+    opacity: 0;
+    max-height: 0;
+    padding: 0;
+  }
 }

From e85c8a25f6cb44376917fd9fc9ff07a7329c6aa7 Mon Sep 17 00:00:00 2001
From: feng zhi hao <fzhihao@outlook.com>
Date: Mon, 20 Feb 2017 10:35:47 +0800
Subject: [PATCH 83/88] docs: rewrite Dropdown demos to ES6 component (#4946)

---
 components/dropdown/demo/overlay-visible.md | 22 ++++++++++-----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/components/dropdown/demo/overlay-visible.md b/components/dropdown/demo/overlay-visible.md
index 6f3c5b1b5c..9094e0e8b8 100644
--- a/components/dropdown/demo/overlay-visible.md
+++ b/components/dropdown/demo/overlay-visible.md
@@ -16,20 +16,18 @@ The default is to close the menu when you click on menu items, this feature can
 ````jsx
 import { Menu, Dropdown, Icon } from 'antd';
 
-const OverlayVisible = React.createClass({
-  getInitialState() {
-    return {
-      visible: false,
-    };
-  },
-  handleMenuClick(e) {
+class OverlayVisible extends React.Component {
+  state = {
+    visible: false,
+  };
+  handleMenuClick = (e) => {
     if (e.key === '3') {
       this.setState({ visible: false });
     }
-  },
-  handleVisibleChange(flag) {
+  }
+  handleVisibleChange = (flag) => {
     this.setState({ visible: flag });
-  },
+  }
   render() {
     const menu = (
       <Menu onClick={this.handleMenuClick}>
@@ -48,8 +46,8 @@ const OverlayVisible = React.createClass({
         </a>
       </Dropdown>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<OverlayVisible />, mountNode);
 ````

From b7519a65c0c5bc0fd1e2d4fdbd4ba3851e6974f1 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Mon, 20 Feb 2017 11:31:51 +0800
Subject: [PATCH 84/88] fix: should clear float, close: #4945

---
 components/table/Table.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/table/Table.tsx b/components/table/Table.tsx
index 87192a8071..51f0a3697c 100755
--- a/components/table/Table.tsx
+++ b/components/table/Table.tsx
@@ -879,7 +879,7 @@ export default class Table<T> extends React.Component<TableProps<T>, any> {
       ? `${prefixCls}-with-pagination` : `${prefixCls}-without-pagination`;
 
     return (
-      <div className={className} style={style}>
+      <div className={`${className} clearfix`} style={style}>
         <Spin
           spinning={loading}
           className={loading ? `${paginationPatchClass} ${prefixCls}-spin-holder` : ''}

From 626e0c9d1e2ebb8431fae85703f0c990cb7940d3 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 20 Feb 2017 11:20:06 +0800
Subject: [PATCH 85/88] Fix DatePicker default width, close #4947, ref #4920

---
 components/date-picker/createPicker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/date-picker/createPicker.tsx b/components/date-picker/createPicker.tsx
index 4f128ff9bb..b3e9d19b8e 100644
--- a/components/date-picker/createPicker.tsx
+++ b/components/date-picker/createPicker.tsx
@@ -143,7 +143,7 @@ export default function createPicker(TheCalendar) {
       // default width for showTime
       const pickerStyle = {} as any;
       if (props.showTime) {
-        pickerStyle.minWidth = 154;
+        pickerStyle.width = (props.style && props.style.width) || 154;
       }
 
       const clearIcon = (!props.disabled && props.allowClear && value) ?

From c1f3b58b286bf33c48ec24ff0b2d8b935e09a531 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 20 Feb 2017 11:35:01 +0800
Subject: [PATCH 86/88] Fix table wrapper float layout, close #4945

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

diff --git a/components/table/Table.tsx b/components/table/Table.tsx
index 51f0a3697c..b279adf95b 100755
--- a/components/table/Table.tsx
+++ b/components/table/Table.tsx
@@ -879,7 +879,7 @@ export default class Table<T> extends React.Component<TableProps<T>, any> {
       ? `${prefixCls}-with-pagination` : `${prefixCls}-without-pagination`;
 
     return (
-      <div className={`${className} clearfix`} style={style}>
+      <div className={classNames(`${prefixCls}-wrapper`, className)} style={style}>
         <Spin
           spinning={loading}
           className={loading ? `${paginationPatchClass} ${prefixCls}-spin-holder` : ''}
diff --git a/components/table/style/index.less b/components/table/style/index.less
index c07507fa8a..f69789a579 100644
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@@ -4,6 +4,10 @@
 @table-prefix-cls: ~"@{ant-prefix}-table";
 @table-head-background-color: @background-color-base;
 
+.@{table-prefix-cls}-wrapper {
+  .clearfix;
+}
+
 .@{table-prefix-cls} {
   font-size: @font-size-base;
   color: @text-color;

From 3308bce9b9582533d36633c4292d46f3d78beabc Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 20 Feb 2017 11:36:11 +0800
Subject: [PATCH 87/88] fix snapshot test

---
 .../__tests__/__snapshots__/demo.test.js.snap | 10 ++---
 .../__tests__/__snapshots__/demo.test.js.snap |  2 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  2 +-
 .../__snapshots__/Table.filter.test.js.snap   |  2 +-
 .../Table.pagination.test.js.snap             |  2 +-
 .../__snapshots__/Table.test.js.snap          |  2 +-
 .../__tests__/__snapshots__/demo.test.js.snap | 44 +++++++++----------
 7 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
index 084dfc4398..ac220ecebc 100644
--- a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -113,7 +113,7 @@ exports[`test renders ./components/date-picker/demo/disabled-date.md correctly 1
 <div>
   <span
     class="ant-calendar-picker"
-    style="min-width:154px;">
+    style="width:154px;">
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
@@ -213,7 +213,7 @@ exports[`test renders ./components/date-picker/demo/format.md correctly 1`] = `
 exports[`test renders ./components/date-picker/demo/locale.md correctly 1`] = `
 <span
   class="ant-calendar-picker"
-  style="min-width:154px;">
+  style="width:154px;">
   <span>
     <input
       class="ant-calendar-picker-input ant-input"
@@ -384,7 +384,7 @@ exports[`test renders ./components/date-picker/demo/start-end.md correctly 1`] =
 <div>
   <span
     class="ant-calendar-picker"
-    style="min-width:154px;">
+    style="width:154px;">
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
@@ -397,7 +397,7 @@ exports[`test renders ./components/date-picker/demo/start-end.md correctly 1`] =
   </span>
   <span
     class="ant-calendar-picker"
-    style="min-width:154px;">
+    style="width:154px;">
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
@@ -415,7 +415,7 @@ exports[`test renders ./components/date-picker/demo/time.md correctly 1`] = `
 <div>
   <span
     class="ant-calendar-picker"
-    style="min-width:154px;">
+    style="width:154px;">
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index ce1fc0a26d..2af758a658 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -1086,7 +1086,7 @@ exports[`test renders ./components/form/demo/time-related-controls.md correctly
         class="ant-form-item-control ">
         <span
           class="ant-calendar-picker"
-          style="min-width:154px;">
+          style="width:154px;">
           <span>
             <input
               class="ant-calendar-picker-input ant-input ant-input-lg"
diff --git a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
index fa1e538d23..1e24fe2759 100644
--- a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
@@ -1146,7 +1146,7 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
     <div
       class="example">
       <div
-        class="">
+        class="ant-table-wrapper">
         <div
           class="ant-spin-nested-loading">
           <div
diff --git a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
index 7449a4b506..9ee9c6000c 100644
--- a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
@@ -14,7 +14,7 @@ exports[`Table.filter renders custom content correctly 1`] = `
 
 exports[`Table.filter renders filter correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
diff --git a/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap b/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
index 24ba4383e0..243f290f5e 100644
--- a/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
@@ -1,6 +1,6 @@
 exports[`Table.pagination renders pagination correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
diff --git a/components/table/__tests__/__snapshots__/Table.test.js.snap b/components/table/__tests__/__snapshots__/Table.test.js.snap
index bd00bc1717..a50e1a623e 100644
--- a/components/table/__tests__/__snapshots__/Table.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.test.js.snap
@@ -1,6 +1,6 @@
 exports[`Table renders JSX correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index db5221e2da..bb4ee117bf 100644
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -1,6 +1,6 @@
 exports[`test renders ./components/table/demo/ajax.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -82,7 +82,7 @@ exports[`test renders ./components/table/demo/ajax.md correctly 1`] = `
 
 exports[`test renders ./components/table/demo/basic.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -300,7 +300,7 @@ exports[`test renders ./components/table/demo/basic.md correctly 1`] = `
 
 exports[`test renders ./components/table/demo/bordered.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -447,7 +447,7 @@ exports[`test renders ./components/table/demo/bordered.md correctly 1`] = `
 
 exports[`test renders ./components/table/demo/colspan-rowspan.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -659,7 +659,7 @@ exports[`test renders ./components/table/demo/colspan-rowspan.md correctly 1`] =
 
 exports[`test renders ./components/table/demo/custom-filter-panel.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -1083,7 +1083,7 @@ exports[`test renders ./components/table/demo/dynamic-settings.md correctly 1`]
     </form>
   </div>
   <div
-    class="">
+    class="ant-table-wrapper">
     <div
       class="ant-spin-nested-loading">
       <div
@@ -1839,7 +1839,7 @@ exports[`test renders ./components/table/demo/edit-cell.md correctly 1`] = `
     </span>
   </button>
   <div
-    class="">
+    class="ant-table-wrapper">
     <div
       class="ant-spin-nested-loading">
       <div
@@ -1990,7 +1990,7 @@ exports[`test renders ./components/table/demo/edit-cell.md correctly 1`] = `
 
 exports[`test renders ./components/table/demo/edit-row.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -2115,7 +2115,7 @@ exports[`test renders ./components/table/demo/edit-row.md correctly 1`] = `
 
 exports[`test renders ./components/table/demo/expand.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -2285,7 +2285,7 @@ exports[`test renders ./components/table/demo/expand.md correctly 1`] = `
 
 exports[`test renders ./components/table/demo/expand-children.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -2711,7 +2711,7 @@ exports[`test renders ./components/table/demo/expand-children.md correctly 1`] =
 
 exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -3073,7 +3073,7 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
 
 exports[`test renders ./components/table/demo/fixed-columns-header.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -4152,7 +4152,7 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
 
 exports[`test renders ./components/table/demo/fixed-header.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -5151,7 +5151,7 @@ exports[`test renders ./components/table/demo/fixed-header.md correctly 1`] = `
 
 exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -6035,7 +6035,7 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
 
 exports[`test renders ./components/table/demo/head.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -6234,7 +6234,7 @@ exports[`test renders ./components/table/demo/head.md correctly 1`] = `
 
 exports[`test renders ./components/table/demo/jsx.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -6474,7 +6474,7 @@ exports[`test renders ./components/table/demo/jsx.md correctly 1`] = `
 
 exports[`test renders ./components/table/demo/nested-table.md correctly 1`] = `
 <div
-  class="components-table-demo-nested">
+  class="ant-table-wrapper components-table-demo-nested">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -6726,7 +6726,7 @@ exports[`test renders ./components/table/demo/reset-filter.md correctly 1`] = `
     </button>
   </div>
   <div
-    class="">
+    class="ant-table-wrapper">
     <div
       class="ant-spin-nested-loading">
       <div
@@ -6926,7 +6926,7 @@ exports[`test renders ./components/table/demo/reset-filter.md correctly 1`] = `
 
 exports[`test renders ./components/table/demo/row-selection.md correctly 1`] = `
 <div
-  class="">
+  class="ant-table-wrapper">
   <div
     class="ant-spin-nested-loading">
     <div
@@ -7182,7 +7182,7 @@ exports[`test renders ./components/table/demo/row-selection-and-operation.md cor
       style="margin-left:8px;" />
   </div>
   <div
-    class="">
+    class="ant-table-wrapper">
     <div
       class="ant-spin-nested-loading">
       <div
@@ -7648,7 +7648,7 @@ exports[`test renders ./components/table/demo/size.md correctly 1`] = `
     Middle size table
   </h4>
   <div
-    class="">
+    class="ant-table-wrapper">
     <div
       class="ant-spin-nested-loading">
       <div
@@ -7778,7 +7778,7 @@ exports[`test renders ./components/table/demo/size.md correctly 1`] = `
     Small size table
   </h4>
   <div
-    class="">
+    class="ant-table-wrapper">
     <div
       class="ant-spin-nested-loading">
       <div

From 62e80928d587e349c24eff546846719f56c6fb85 Mon Sep 17 00:00:00 2001
From: feng zhi hao <fzhihao@outlook.com>
Date: Mon, 20 Feb 2017 11:50:57 +0800
Subject: [PATCH 88/88] docs: rewrite Form demos to ES6 component (#4949)

---
 components/form/demo/coordinated.md           | 18 ++++----
 .../form/demo/customized-form-controls.md     | 46 ++++++++++---------
 components/form/demo/form-in-modal.md         | 28 +++++------
 components/form/demo/global-state.md          | 24 +++++-----
 components/form/demo/horizontal-login.md      | 16 ++++---
 components/form/demo/normal-login.md          | 14 +++---
 components/form/demo/register.md              | 34 +++++++-------
 components/form/demo/time-related-controls.md | 14 +++---
 components/form/demo/validate-other.md        | 20 ++++----
 components/form/demo/without-form-create.md   |  2 -
 10 files changed, 112 insertions(+), 104 deletions(-)

diff --git a/components/form/demo/coordinated.md b/components/form/demo/coordinated.md
index a91d3ff754..e051204244 100644
--- a/components/form/demo/coordinated.md
+++ b/components/form/demo/coordinated.md
@@ -18,21 +18,21 @@ import { Form, Select, Input, Button } from 'antd';
 const FormItem = Form.Item;
 const Option = Select.Option;
 
-const App = Form.create()(React.createClass({
-  handleSubmit(e) {
+class App extends React.Component {
+  handleSubmit = (e) => {
     e.preventDefault();
     this.props.form.validateFields((err, values) => {
       if (!err) {
         console.log('Received values of form: ', values);
       }
     });
-  },
-  handleSelectChange(value) {
+  }
+  handleSelectChange = (value) => {
     console.log(value);
     this.props.form.setFieldsValue({
       note: `Hi, ${value === 'male' ? 'man' : 'lady'}!`,
     });
-  },
+  }
   render() {
     const { getFieldDecorator } = this.props.form;
     return (
@@ -70,8 +70,10 @@ const App = Form.create()(React.createClass({
         </FormItem>
       </Form>
     );
-  },
-}));
+  }
+}
 
-ReactDOM.render(<App />, mountNode);
+const WrappedApp = Form.create()(App);
+
+ReactDOM.render(<WrappedApp />, mountNode);
 ````
diff --git a/components/form/demo/customized-form-controls.md b/components/form/demo/customized-form-controls.md
index 723639848c..22d80c4774 100644
--- a/components/form/demo/customized-form-controls.md
+++ b/components/form/demo/customized-form-controls.md
@@ -23,22 +23,24 @@ import { Form, Input, Select, Button } from 'antd';
 const FormItem = Form.Item;
 const Option = Select.Option;
 
-const PriceInput = React.createClass({
-  getInitialState() {
+class PriceInput extends React.Component {
+  constructor(props) {
+    super(props);
+
     const value = this.props.value || {};
-    return {
+    this.state = {
       number: value.number || 0,
       currency: value.currency || 'rmb',
     };
-  },
+  }
   componentWillReceiveProps(nextProps) {
     // Should be a controlled component.
     if ('value' in nextProps) {
       const value = nextProps.value;
       this.setState(value);
     }
-  },
-  handleNumberChange(e) {
+  }
+  handleNumberChange = (e) => {
     const number = parseInt(e.target.value || 0, 10);
     if (isNaN(number)) {
       return;
@@ -47,20 +49,20 @@ const PriceInput = React.createClass({
       this.setState({ number });
     }
     this.triggerChange({ number });
-  },
-  handleCurrencyChange(currency) {
+  }
+  handleCurrencyChange = (currency) => {
     if (!('value' in this.props)) {
       this.setState({ currency });
     }
     this.triggerChange({ currency });
-  },
-  triggerChange(changedValue) {
+  }
+  triggerChange = (changedValue) => {
     // Should provide an event to pass value to Form.
     const onChange = this.props.onChange;
     if (onChange) {
       onChange(Object.assign({}, this.state, changedValue));
     }
-  },
+  }
   render() {
     const { size } = this.props;
     const state = this.state;
@@ -84,25 +86,25 @@ const PriceInput = React.createClass({
         </Select>
       </span>
     );
-  },
-});
+  }
+}
 
-const Demo = Form.create()(React.createClass({
-  handleSubmit(e) {
+class Demo extends React.Component {
+  handleSubmit = (e) => {
     e.preventDefault();
     this.props.form.validateFields((err, values) => {
       if (!err) {
         console.log('Received values of form: ', values);
       }
     });
-  },
-  checkPrice(rule, value, callback) {
+  }
+  checkPrice = (rule, value, callback) => {
     if (value.number > 0) {
       callback();
       return;
     }
     callback('Price must greater than zero!');
-  },
+  }
   render() {
     const { getFieldDecorator } = this.props.form;
     return (
@@ -118,8 +120,10 @@ const Demo = Form.create()(React.createClass({
         </FormItem>
       </Form>
     );
-  },
-}));
+  }
+}
 
-ReactDOM.render(<Demo />, mountNode);
+const WrappedDemo = Form.create()(Demo);
+
+ReactDOM.render(<WrappedDemo />, mountNode);
 ````
diff --git a/components/form/demo/form-in-modal.md b/components/form/demo/form-in-modal.md
index bd8e36d6c5..8a834ab7c3 100644
--- a/components/form/demo/form-in-modal.md
+++ b/components/form/demo/form-in-modal.md
@@ -56,17 +56,17 @@ const CollectionCreateForm = Form.create()(
   }
 );
 
-const CollectionsPage = React.createClass({
-  getInitialState() {
-    return { visible: false };
-  },
-  showModal() {
+class CollectionsPage extends React.Component {
+  state = {
+    visible: false,
+  };
+  showModal = () => {
     this.setState({ visible: true });
-  },
-  handleCancel() {
+  }
+  handleCancel = () => {
     this.setState({ visible: false });
-  },
-  handleCreate() {
+  }
+  handleCreate = () => {
     const form = this.form;
     form.validateFields((err, values) => {
       if (err) {
@@ -77,10 +77,10 @@ const CollectionsPage = React.createClass({
       form.resetFields();
       this.setState({ visible: false });
     });
-  },
-  saveFormRef(form) {
+  }
+  saveFormRef = (form) => {
     this.form = form;
-  },
+  }
   render() {
     return (
       <div>
@@ -93,8 +93,8 @@ const CollectionsPage = React.createClass({
         />
       </div>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<CollectionsPage />, mountNode);
 ````
diff --git a/components/form/demo/global-state.md b/components/form/demo/global-state.md
index 26dfcfed2b..be6b01c8ab 100644
--- a/components/form/demo/global-state.md
+++ b/components/form/demo/global-state.md
@@ -45,21 +45,19 @@ const CustomizedForm = Form.create({
   );
 });
 
-const Demo = React.createClass({
-  getInitialState() {
-    return {
-      fields: {
-        username: {
-          value: 'benjycui',
-        },
+class Demo extends React.Component {
+  state = {
+    fields: {
+      username: {
+        value: 'benjycui',
       },
-    };
-  },
-  handleFormChange(changedFields) {
+    },
+  };
+  handleFormChange = (changedFields) => {
     this.setState({
       fields: { ...this.state.fields, ...changedFields },
     });
-  },
+  }
   render() {
     const fields = this.state.fields;
     return (
@@ -70,8 +68,8 @@ const Demo = React.createClass({
         </pre>
       </div>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(<Demo />, mountNode);
 ````
diff --git a/components/form/demo/horizontal-login.md b/components/form/demo/horizontal-login.md
index c0b79d75fb..507d581c67 100644
--- a/components/form/demo/horizontal-login.md
+++ b/components/form/demo/horizontal-login.md
@@ -21,19 +21,19 @@ function hasErrors(fieldsError) {
   return Object.keys(fieldsError).some(field => fieldsError[field]);
 }
 
-const HorizontalLoginForm = Form.create()(React.createClass({
+class HorizontalLoginForm extends React.Component {
   componentDidMount() {
     // To disabled submit button at the beginning.
     this.props.form.validateFields();
-  },
-  handleSubmit(e) {
+  }
+  handleSubmit = (e) => {
     e.preventDefault();
     this.props.form.validateFields((err, values) => {
       if (!err) {
         console.log('Received values of form: ', values);
       }
     });
-  },
+  }
   render() {
     const { getFieldDecorator, getFieldsError, getFieldError, isFieldTouched } = this.props.form;
 
@@ -73,8 +73,10 @@ const HorizontalLoginForm = Form.create()(React.createClass({
         </FormItem>
       </Form>
     );
-  },
-}));
+  }
+}
 
-ReactDOM.render(<HorizontalLoginForm />, mountNode);
+const WrappedHorizontalLoginForm = Form.create()(HorizontalLoginForm);
+
+ReactDOM.render(<WrappedHorizontalLoginForm />, mountNode);
 ````
diff --git a/components/form/demo/normal-login.md b/components/form/demo/normal-login.md
index 1bd4765496..66d56e461d 100644
--- a/components/form/demo/normal-login.md
+++ b/components/form/demo/normal-login.md
@@ -17,15 +17,15 @@ Normal login form which can contain more elements.
 import { Form, Icon, Input, Button, Checkbox } from 'antd';
 const FormItem = Form.Item;
 
-const NormalLoginForm = Form.create()(React.createClass({
-  handleSubmit(e) {
+class NormalLoginForm extends React.Component {
+  handleSubmit = (e) => {
     e.preventDefault();
     this.props.form.validateFields((err, values) => {
       if (!err) {
         console.log('Received values of form: ', values);
       }
     });
-  },
+  }
   render() {
     const { getFieldDecorator } = this.props.form;
     return (
@@ -59,10 +59,12 @@ const NormalLoginForm = Form.create()(React.createClass({
         </FormItem>
       </Form>
     );
-  },
-}));
+  }
+}
 
-ReactDOM.render(<NormalLoginForm />, mountNode);
+const WrappedNormalLoginForm = Form.create()(NormalLoginForm);
+
+ReactDOM.render(<WrappedNormalLoginForm />, mountNode);
 ````
 
 ```css
diff --git a/components/form/demo/register.md b/components/form/demo/register.md
index 973c7ff1b4..630fbca1fb 100644
--- a/components/form/demo/register.md
+++ b/components/form/demo/register.md
@@ -42,39 +42,37 @@ const residences = [{
   }],
 }];
 
-const RegistrationForm = Form.create()(React.createClass({
-  getInitialState() {
-    return {
-      passwordDirty: false,
-    };
-  },
-  handleSubmit(e) {
+class RegistrationForm extends React.Component {
+  state = {
+    passwordDirty: false,
+  };
+  handleSubmit = (e) => {
     e.preventDefault();
     this.props.form.validateFieldsAndScroll((err, values) => {
       if (!err) {
         console.log('Received values of form: ', values);
       }
     });
-  },
-  handlePasswordBlur(e) {
+  }
+  handlePasswordBlur = (e) => {
     const value = e.target.value;
     this.setState({ passwordDirty: this.state.passwordDirty || !!value });
-  },
-  checkPassword(rule, value, callback) {
+  }
+  checkPassword = (rule, value, callback) => {
     const form = this.props.form;
     if (value && value !== form.getFieldValue('password')) {
       callback('Two passwords that you enter is inconsistent!');
     } else {
       callback();
     }
-  },
-  checkConfirm(rule, value, callback) {
+  }
+  checkConfirm = (rule, value, callback) => {
     const form = this.props.form;
     if (value && this.state.passwordDirty) {
       form.validateFields(['confirm'], { force: true });
     }
     callback();
-  },
+  }
   render() {
     const { getFieldDecorator } = this.props.form;
     const formItemLayout = {
@@ -210,10 +208,12 @@ const RegistrationForm = Form.create()(React.createClass({
         </FormItem>
       </Form>
     );
-  },
-}));
+  }
+}
 
-ReactDOM.render(<RegistrationForm />, mountNode);
+const WrappedRegistrationForm = Form.create()(RegistrationForm);
+
+ReactDOM.render(<WrappedRegistrationForm />, mountNode);
 ````
 
 ````css
diff --git a/components/form/demo/time-related-controls.md b/components/form/demo/time-related-controls.md
index 0eb6b3f807..8c252f4e30 100644
--- a/components/form/demo/time-related-controls.md
+++ b/components/form/demo/time-related-controls.md
@@ -19,8 +19,8 @@ const FormItem = Form.Item;
 const MonthPicker = DatePicker.MonthPicker;
 const RangePicker = DatePicker.RangePicker;
 
-const TimeRelatedForm = Form.create()(React.createClass({
-  handleSubmit(e) {
+class TimeRelatedForm extends React.Component {
+  handleSubmit = (e) => {
     e.preventDefault();
 
     this.props.form.validateFields((err, fieldsValue) => {
@@ -45,7 +45,7 @@ const TimeRelatedForm = Form.create()(React.createClass({
       };
       console.log('Received values of form: ', values);
     });
-  },
+  }
   render() {
     const { getFieldDecorator } = this.props.form;
     const formItemLayout = {
@@ -113,8 +113,10 @@ const TimeRelatedForm = Form.create()(React.createClass({
         </FormItem>
       </Form>
     );
-  },
-}));
+  }
+}
 
-ReactDOM.render(<TimeRelatedForm />, mountNode);
+const WrappedTimeRelatedForm = Form.create()(TimeRelatedForm);
+
+ReactDOM.render(<WrappedTimeRelatedForm />, mountNode);
 ````
diff --git a/components/form/demo/validate-other.md b/components/form/demo/validate-other.md
index f900b03166..a7233ec1ac 100644
--- a/components/form/demo/validate-other.md
+++ b/components/form/demo/validate-other.md
@@ -23,23 +23,21 @@ const Option = Select.Option;
 const RadioButton = Radio.Button;
 const RadioGroup = Radio.Group;
 
-const Demo = Form.create()(React.createClass({
-  handleSubmit(e) {
+class Demo extends React.Component {
+  handleSubmit = (e) => {
     e.preventDefault();
     this.props.form.validateFields((err, values) => {
       if (!err) {
         console.log('Received values of form: ', values);
       }
     });
-  },
-
-  normFile(e) {
+  }
+  normFile = (e) => {
     if (Array.isArray(e)) {
       return e;
     }
     return e && e.fileList;
-  },
-
+  }
   render() {
     const { getFieldDecorator } = this.props.form;
     const formItemLayout = {
@@ -164,8 +162,10 @@ const Demo = Form.create()(React.createClass({
         </FormItem>
       </Form>
     );
-  },
-}));
+  }
+}
 
-ReactDOM.render(<Demo />, mountNode);
+const WrappedDemo = Form.create()(Demo);
+
+ReactDOM.render(<WrappedDemo />, mountNode);
 ````
diff --git a/components/form/demo/without-form-create.md b/components/form/demo/without-form-create.md
index 98018f23e1..487dc32c69 100644
--- a/components/form/demo/without-form-create.md
+++ b/components/form/demo/without-form-create.md
@@ -36,7 +36,6 @@ class RawForm extends React.Component {
       value: 11,
     },
   };
-
   handleNumberChange = (value) => {
     this.setState({
       number: {
@@ -45,7 +44,6 @@ class RawForm extends React.Component {
       },
     });
   }
-
   render() {
     const formItemLayout = {
       labelCol: { span: 7 },