From bae278ff008593a969daba4d1237a10b1870564b Mon Sep 17 00:00:00 2001
From: shao <darryshaw@gmail.com>
Date: Wed, 11 Sep 2019 20:37:50 +0800
Subject: [PATCH 1/4] feat(Input.Search): add loading prop

---
 components/input/Search.tsx                   |  30 ++++-
 components/input/__tests__/Search.test.js     |   7 ++
 .../__snapshots__/Search.test.js.snap         |  79 ++++++++++++
 .../__tests__/__snapshots__/demo.test.js.snap | 112 ++++++++++++++++++
 components/input/demo/search-input-loading.md |  68 +++++++++++
 components/input/index.en-US.md               |   1 +
 components/input/index.zh-CN.md               |   1 +
 7 files changed, 295 insertions(+), 3 deletions(-)
 create mode 100644 components/input/demo/search-input-loading.md

diff --git a/components/input/Search.tsx b/components/input/Search.tsx
index 5872e76eb13a..b84414efd62e 100644
--- a/components/input/Search.tsx
+++ b/components/input/Search.tsx
@@ -12,6 +12,7 @@ export interface SearchProps extends InputProps {
     event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLInputElement>,
   ) => void;
   enterButton?: boolean | React.ReactNode;
+  loading?: boolean;
 }
 
 export default class Search extends React.Component<SearchProps, any> {
@@ -41,8 +42,26 @@ export default class Search extends React.Component<SearchProps, any> {
     this.input.blur();
   }
 
+  renderLoading = (prefixCls: string) => {
+    const { enterButton, size } = this.props;
+
+    if (enterButton) {
+      return (
+        <Button className={`${prefixCls}-button`} type="primary" size={size} key="enterButton">
+          <Icon type="loading" />
+        </Button>
+      );
+    }
+    return <Icon className={`${prefixCls}-icon`} type="loading" />;
+  };
+
   renderSuffix = (prefixCls: string) => {
-    const { suffix, enterButton } = this.props;
+    const { suffix, enterButton, loading } = this.props;
+
+    if (loading && !enterButton) {
+      return this.renderLoading(prefixCls);
+    }
+
     if (enterButton) return suffix;
 
     const node = (
@@ -68,10 +87,15 @@ export default class Search extends React.Component<SearchProps, any> {
   };
 
   renderAddonAfter = (prefixCls: string) => {
-    const { enterButton, size, disabled, addonAfter } = this.props;
-    if (!enterButton) return addonAfter;
+    const { enterButton, size, disabled, addonAfter, loading } = this.props;
     const btnClassName = `${prefixCls}-button`;
 
+    if (loading && enterButton) {
+      return this.renderLoading(prefixCls);
+    }
+
+    if (!enterButton) return addonAfter;
+
     let button: React.ReactNode;
     const enterButtonAsElement = enterButton as React.ReactElement<any>;
     if (enterButtonAsElement.type === Button || enterButtonAsElement.type === 'button') {
diff --git a/components/input/__tests__/Search.test.js b/components/input/__tests__/Search.test.js
index 26c14fbe8a08..059becc815ff 100644
--- a/components/input/__tests__/Search.test.js
+++ b/components/input/__tests__/Search.test.js
@@ -137,4 +137,11 @@ describe('Input.Search', () => {
     expect(wrapper.render()).toMatchSnapshot();
     expect(wrapperWithEnterButton.render()).toMatchSnapshot();
   });
+
+  it('should support loading', () => {
+    const wrapper = mount(<Search loading />);
+    const wrapperWithEnterButton = mount(<Search loading enterButton />);
+    expect(wrapper.render()).toMatchSnapshot();
+    expect(wrapperWithEnterButton.render()).toMatchSnapshot();
+  });
 });
diff --git a/components/input/__tests__/__snapshots__/Search.test.js.snap b/components/input/__tests__/__snapshots__/Search.test.js.snap
index c62aa59ca724..a5ec6ef6d071 100644
--- a/components/input/__tests__/__snapshots__/Search.test.js.snap
+++ b/components/input/__tests__/__snapshots__/Search.test.js.snap
@@ -150,3 +150,82 @@ exports[`Input.Search should support custom button 1`] = `
   </span>
 </span>
 `;
+
+exports[`Input.Search should support loading 1`] = `
+<span
+  class="ant-input-search ant-input-affix-wrapper"
+>
+  <input
+    class="ant-input"
+    type="text"
+    value=""
+  />
+  <span
+    class="ant-input-suffix"
+  >
+    <i
+      aria-label="icon: loading"
+      class="anticon anticon-loading ant-input-search-icon"
+    >
+      <svg
+        aria-hidden="true"
+        class="anticon-spin"
+        data-icon="loading"
+        fill="currentColor"
+        focusable="false"
+        height="1em"
+        viewBox="0 0 1024 1024"
+        width="1em"
+      >
+        <path
+          d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+        />
+      </svg>
+    </i>
+  </span>
+</span>
+`;
+
+exports[`Input.Search should support loading 2`] = `
+<span
+  class="ant-input-search ant-input-search-enter-button ant-input-group-wrapper"
+>
+  <span
+    class="ant-input-wrapper ant-input-group"
+  >
+    <input
+      class="ant-input"
+      type="text"
+      value=""
+    />
+    <span
+      class="ant-input-group-addon"
+    >
+      <button
+        class="ant-btn ant-input-search-button ant-btn-primary"
+        type="button"
+      >
+        <i
+          aria-label="icon: loading"
+          class="anticon anticon-loading"
+        >
+          <svg
+            aria-hidden="true"
+            class="anticon-spin"
+            data-icon="loading"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="0 0 1024 1024"
+            width="1em"
+          >
+            <path
+              d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+            />
+          </svg>
+        </i>
+      </button>
+    </span>
+  </span>
+</span>
+`;
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 8fbb4080829b..8a5d81f9a9ea 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -1811,6 +1811,118 @@ exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
 </div>
 `;
 
+exports[`renders ./components/input/demo/search-input-loading.md correctly 1`] = `
+<div>
+  <span
+    class="ant-input-search ant-input-affix-wrapper"
+    style="width:200px"
+  >
+    <input
+      class="ant-input"
+      placeholder="input search text"
+      type="text"
+      value=""
+    />
+    <span
+      class="ant-input-suffix"
+    >
+      <i
+        aria-label="icon: search"
+        class="anticon anticon-search ant-input-search-icon"
+        tabindex="-1"
+      >
+        <svg
+          aria-hidden="true"
+          class=""
+          data-icon="search"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
+          />
+        </svg>
+      </i>
+    </span>
+  </span>
+  <br />
+  <br />
+  <span
+    class="ant-input-search ant-input-search-enter-button ant-input-group-wrapper"
+  >
+    <span
+      class="ant-input-wrapper ant-input-group"
+    >
+      <input
+        class="ant-input"
+        placeholder="input search text"
+        type="text"
+        value=""
+      />
+      <span
+        class="ant-input-group-addon"
+      >
+        <button
+          class="ant-btn ant-input-search-button ant-btn-primary"
+          type="button"
+        >
+          <i
+            aria-label="icon: search"
+            class="anticon anticon-search"
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              data-icon="search"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
+              />
+            </svg>
+          </i>
+        </button>
+      </span>
+    </span>
+  </span>
+  <br />
+  <br />
+  <span
+    class="ant-input-search ant-input-search-enter-button ant-input-group-wrapper"
+  >
+    <span
+      class="ant-input-wrapper ant-input-group"
+    >
+      <input
+        class="ant-input"
+        placeholder="input search text"
+        type="text"
+        value=""
+      />
+      <span
+        class="ant-input-group-addon"
+      >
+        <button
+          class="ant-btn ant-input-search-button ant-btn-primary"
+          type="button"
+        >
+          <span>
+            Search
+          </span>
+        </button>
+      </span>
+    </span>
+  </span>
+</div>
+`;
+
 exports[`renders ./components/input/demo/size.md correctly 1`] = `
 <div
   class="example-input"
diff --git a/components/input/demo/search-input-loading.md b/components/input/demo/search-input-loading.md
new file mode 100644
index 000000000000..2275e1d25139
--- /dev/null
+++ b/components/input/demo/search-input-loading.md
@@ -0,0 +1,68 @@
+---
+order: 5
+title:
+  zh-CN: 搜索框 loading
+  en-US: Search box with loading
+---
+
+## zh-CN
+
+搜索框 loading
+
+## en-US
+
+search loading when onSearch
+
+```jsx
+import { Input } from 'antd';
+
+const { Search } = Input;
+
+class InputSearch extends React.Component {
+  state = {
+    loading: false,
+  };
+
+  onSearch = () => {
+    this.setState({
+      loading: true,
+    });
+    setTimeout(() => {
+      this.setState({
+        loading: false,
+      });
+    }, 2000);
+  };
+
+  render() {
+    return (
+      <div>
+        <Search
+          placeholder="input search text"
+          onSearch={this.onSearch}
+          style={{ width: 200 }}
+          loading={this.state.loading}
+        />
+        <br />
+        <br />
+        <Search
+          placeholder="input search text"
+          onSearch={this.onSearch}
+          loading={this.state.loading}
+          enterButton
+        />
+        <br />
+        <br />
+        <Search
+          placeholder="input search text"
+          onSearch={this.onSearch}
+          loading={this.state.loading}
+          enterButton="Search"
+        />
+      </div>
+    );
+  }
+}
+
+ReactDOM.render(<InputSearch />, mountNode);
+```
diff --git a/components/input/index.en-US.md b/components/input/index.en-US.md
index cb6e2608171a..5a784d735486 100644
--- a/components/input/index.en-US.md
+++ b/components/input/index.en-US.md
@@ -56,6 +56,7 @@ The rest of the props of `Input.TextArea` are the same as the original [textarea
 | --- | --- | --- | --- | --- |
 | enterButton | to show an enter button after input. This prop is conflict with addon. | boolean\|ReactNode | false |  |
 | onSearch | The callback function that is triggered when you click on the search-icon or press Enter key. | function(value, event) |  |  |
+| onSearch | Search box with loading. | boolean |  |  |
 
 Supports all props of `Input`.
 
diff --git a/components/input/index.zh-CN.md b/components/input/index.zh-CN.md
index 320368fb2e95..358fd7e93d7c 100644
--- a/components/input/index.zh-CN.md
+++ b/components/input/index.zh-CN.md
@@ -55,6 +55,7 @@ Input 的其他属性和 React 自带的 [input](https://facebook.github.io/reac
 | --- | --- | --- | --- | --- |
 | enterButton | 是否有确认按钮，可设为按钮文字。该属性会与 addon 冲突。 | boolean\|ReactNode | false |  |
 | onSearch | 点击搜索或按下回车键时的回调 | function(value, event) |  |  |
+| loading | 搜索 loading | boolean |  |  |
 
 其余属性和 Input 一致。
 

From b477829cb372b58c9de922acda0c052d4c4a4c10 Mon Sep 17 00:00:00 2001
From: shao <darryshaw@gmail.com>
Date: Thu, 12 Sep 2019 10:18:30 +0800
Subject: [PATCH 2/4] fix: review change

---
 components/input/Search.tsx     | 2 +-
 components/input/index.en-US.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/input/Search.tsx b/components/input/Search.tsx
index b84414efd62e..e1cac8e3e6a7 100644
--- a/components/input/Search.tsx
+++ b/components/input/Search.tsx
@@ -11,7 +11,7 @@ export interface SearchProps extends InputProps {
     value: string,
     event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLInputElement>,
   ) => void;
-  enterButton?: boolean | React.ReactNode;
+  enterButton?: React.ReactNode;
   loading?: boolean;
 }
 
diff --git a/components/input/index.en-US.md b/components/input/index.en-US.md
index 5a784d735486..e3762fa3c1ad 100644
--- a/components/input/index.en-US.md
+++ b/components/input/index.en-US.md
@@ -56,7 +56,7 @@ The rest of the props of `Input.TextArea` are the same as the original [textarea
 | --- | --- | --- | --- | --- |
 | enterButton | to show an enter button after input. This prop is conflict with addon. | boolean\|ReactNode | false |  |
 | onSearch | The callback function that is triggered when you click on the search-icon or press Enter key. | function(value, event) |  |  |
-| onSearch | Search box with loading. | boolean |  |  |
+| loading | Search box with loading. | boolean |  |  |
 
 Supports all props of `Input`.
 

From c4c6f54331284dedbf89624d9e5e5fb8198f3c47 Mon Sep 17 00:00:00 2001
From: shaodahong <darryshaw@gmail.com>
Date: Thu, 12 Sep 2019 19:21:17 +0800
Subject: [PATCH 3/4] optimize input search loading prop doc

---
 components/input/Search.tsx                   |  4 +-
 .../__tests__/__snapshots__/demo.test.js.snap | 91 +++++++++++++++----
 components/input/demo/search-input-loading.md | 44 +++------
 components/input/style/search-input.less      |  1 -
 4 files changed, 84 insertions(+), 56 deletions(-)

diff --git a/components/input/Search.tsx b/components/input/Search.tsx
index e1cac8e3e6a7..4bc0b8b85c69 100644
--- a/components/input/Search.tsx
+++ b/components/input/Search.tsx
@@ -59,7 +59,7 @@ export default class Search extends React.Component<SearchProps, any> {
     const { suffix, enterButton, loading } = this.props;
 
     if (loading && !enterButton) {
-      return this.renderLoading(prefixCls);
+      return [suffix, this.renderLoading(prefixCls)];
     }
 
     if (enterButton) return suffix;
@@ -91,7 +91,7 @@ export default class Search extends React.Component<SearchProps, any> {
     const btnClassName = `${prefixCls}-button`;
 
     if (loading && enterButton) {
-      return this.renderLoading(prefixCls);
+      return [this.renderLoading(prefixCls), addonAfter];
     }
 
     if (!enterButton) return addonAfter;
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 8a5d81f9a9ea..39dffdc90dce 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -1815,11 +1815,10 @@ exports[`renders ./components/input/demo/search-input-loading.md correctly 1`] =
 <div>
   <span
     class="ant-input-search ant-input-affix-wrapper"
-    style="width:200px"
   >
     <input
       class="ant-input"
-      placeholder="input search text"
+      placeholder="input search loading deault"
       type="text"
       value=""
     />
@@ -1827,22 +1826,57 @@ exports[`renders ./components/input/demo/search-input-loading.md correctly 1`] =
       class="ant-input-suffix"
     >
       <i
-        aria-label="icon: search"
-        class="anticon anticon-search ant-input-search-icon"
-        tabindex="-1"
+        aria-label="icon: loading"
+        class="anticon anticon-loading ant-input-search-icon"
       >
         <svg
           aria-hidden="true"
-          class=""
-          data-icon="search"
+          class="anticon-spin"
+          data-icon="loading"
           fill="currentColor"
           focusable="false"
           height="1em"
-          viewBox="64 64 896 896"
+          viewBox="0 0 1024 1024"
           width="1em"
         >
           <path
-            d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
+            d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+          />
+        </svg>
+      </i>
+    </span>
+  </span>
+  <br />
+  <br />
+  <span
+    class="ant-input-search ant-input-affix-wrapper"
+  >
+    <input
+      class="ant-input"
+      placeholder="input search loading with suffix"
+      type="text"
+      value=""
+    />
+    <span
+      class="ant-input-suffix"
+    >
+      suffix
+      <i
+        aria-label="icon: loading"
+        class="anticon anticon-loading ant-input-search-icon"
+      >
+        <svg
+          aria-hidden="true"
+          class="anticon-spin"
+          data-icon="loading"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="0 0 1024 1024"
+          width="1em"
+        >
+          <path
+            d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
           />
         </svg>
       </i>
@@ -1858,7 +1892,7 @@ exports[`renders ./components/input/demo/search-input-loading.md correctly 1`] =
     >
       <input
         class="ant-input"
-        placeholder="input search text"
+        placeholder="input search loading with enterButton"
         type="text"
         value=""
       />
@@ -1870,21 +1904,21 @@ exports[`renders ./components/input/demo/search-input-loading.md correctly 1`] =
           type="button"
         >
           <i
-            aria-label="icon: search"
-            class="anticon anticon-search"
+            aria-label="icon: loading"
+            class="anticon anticon-loading"
           >
             <svg
               aria-hidden="true"
-              class=""
-              data-icon="search"
+              class="anticon-spin"
+              data-icon="loading"
               fill="currentColor"
               focusable="false"
               height="1em"
-              viewBox="64 64 896 896"
+              viewBox="0 0 1024 1024"
               width="1em"
             >
               <path
-                d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
               />
             </svg>
           </i>
@@ -1902,7 +1936,7 @@ exports[`renders ./components/input/demo/search-input-loading.md correctly 1`] =
     >
       <input
         class="ant-input"
-        placeholder="input search text"
+        placeholder="input search loading with enterButton and addonAfter"
         type="text"
         value=""
       />
@@ -1913,10 +1947,27 @@ exports[`renders ./components/input/demo/search-input-loading.md correctly 1`] =
           class="ant-btn ant-input-search-button ant-btn-primary"
           type="button"
         >
-          <span>
-            Search
-          </span>
+          <i
+            aria-label="icon: loading"
+            class="anticon anticon-loading"
+          >
+            <svg
+              aria-hidden="true"
+              class="anticon-spin"
+              data-icon="loading"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="0 0 1024 1024"
+              width="1em"
+            >
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
+          </i>
         </button>
+        addonAfter
       </span>
     </span>
   </span>
diff --git a/components/input/demo/search-input-loading.md b/components/input/demo/search-input-loading.md
index 2275e1d25139..5dc3418fd3c7 100644
--- a/components/input/demo/search-input-loading.md
+++ b/components/input/demo/search-input-loading.md
@@ -7,11 +7,11 @@ title:
 
 ## zh-CN
 
-搜索框 loading
+用于 `onSearch` 的时候展示 `loading`。
 
 ## en-US
 
-search loading when onSearch
+Search loading when onSearch.
 
 ```jsx
 import { Input } from 'antd';
@@ -19,45 +19,23 @@ import { Input } from 'antd';
 const { Search } = Input;
 
 class InputSearch extends React.Component {
-  state = {
-    loading: false,
-  };
-
-  onSearch = () => {
-    this.setState({
-      loading: true,
-    });
-    setTimeout(() => {
-      this.setState({
-        loading: false,
-      });
-    }, 2000);
-  };
-
   render() {
     return (
       <div>
-        <Search
-          placeholder="input search text"
-          onSearch={this.onSearch}
-          style={{ width: 200 }}
-          loading={this.state.loading}
-        />
+        <Search placeholder="input search loading deault" loading />
         <br />
         <br />
-        <Search
-          placeholder="input search text"
-          onSearch={this.onSearch}
-          loading={this.state.loading}
-          enterButton
-        />
+        <Search placeholder="input search loading with suffix" loading suffix="suffix" />
+        <br />
+        <br />
+        <Search placeholder="input search loading with enterButton" loading enterButton />
         <br />
         <br />
         <Search
-          placeholder="input search text"
-          onSearch={this.onSearch}
-          loading={this.state.loading}
-          enterButton="Search"
+          placeholder="input search loading with enterButton and addonAfter"
+          loading
+          enterButton
+          addonAfter="addonAfter"
         />
       </div>
     );
diff --git a/components/input/style/search-input.less b/components/input/style/search-input.less
index 9d6f8490040c..62217f626574 100644
--- a/components/input/style/search-input.less
+++ b/components/input/style/search-input.less
@@ -26,7 +26,6 @@
       border: 0;
 
       .@{search-prefix}-button {
-        width: 100%;
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
       }

From 93477a4d7b5f03b342d97aad88fab50be3284078 Mon Sep 17 00:00:00 2001
From: shaodahong <darryshaw@gmail.com>
Date: Thu, 12 Sep 2019 20:04:19 +0800
Subject: [PATCH 4/4] fix: ci fail and onSearch disabled when loading

---
 components/input/Search.tsx                   |   5 +-
 components/input/demo/search-input-loading.md |  45 +-
 .../__tests__/__snapshots__/demo.test.js.snap | 880 +++++++++---------
 .../__snapshots__/empty.test.js.snap          |  12 +-
 4 files changed, 470 insertions(+), 472 deletions(-)

diff --git a/components/input/Search.tsx b/components/input/Search.tsx
index 4bc0b8b85c69..5c9deb77433a 100644
--- a/components/input/Search.tsx
+++ b/components/input/Search.tsx
@@ -27,7 +27,10 @@ export default class Search extends React.Component<SearchProps, any> {
   };
 
   onSearch = (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLInputElement>) => {
-    const { onSearch } = this.props;
+    const { onSearch, loading } = this.props;
+
+    if (loading) return;
+
     if (onSearch) {
       onSearch(this.input.input.value, e);
     }
diff --git a/components/input/demo/search-input-loading.md b/components/input/demo/search-input-loading.md
index 5dc3418fd3c7..b89989e163b0 100644
--- a/components/input/demo/search-input-loading.md
+++ b/components/input/demo/search-input-loading.md
@@ -18,29 +18,24 @@ import { Input } from 'antd';
 
 const { Search } = Input;
 
-class InputSearch extends React.Component {
-  render() {
-    return (
-      <div>
-        <Search placeholder="input search loading deault" loading />
-        <br />
-        <br />
-        <Search placeholder="input search loading with suffix" loading suffix="suffix" />
-        <br />
-        <br />
-        <Search placeholder="input search loading with enterButton" loading enterButton />
-        <br />
-        <br />
-        <Search
-          placeholder="input search loading with enterButton and addonAfter"
-          loading
-          enterButton
-          addonAfter="addonAfter"
-        />
-      </div>
-    );
-  }
-}
-
-ReactDOM.render(<InputSearch />, mountNode);
+ReactDOM.render(
+  <div>
+    <Search placeholder="input search loading deault" loading />
+    <br />
+    <br />
+    <Search placeholder="input search loading with suffix" loading suffix="suffix" />
+    <br />
+    <br />
+    <Search placeholder="input search loading with enterButton" loading enterButton />
+    <br />
+    <br />
+    <Search
+      placeholder="input search loading with enterButton and addonAfter"
+      loading
+      enterButton
+      addonAfter="addonAfter"
+    />
+  </div>,
+  mountNode,
+);
 ```
diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index 6c45c8f154ab..6fe57dc16860 100755
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -36,7 +36,7 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
               >
                 <tr>
                   <th
-                    class="ant-table-column-has-actions ant-table-column-has-sorters"
+                    class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-break-word"
                   >
                     <span
                       class="ant-table-header-column"
@@ -100,7 +100,7 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
                     </span>
                   </th>
                   <th
-                    class="ant-table-column-has-actions ant-table-column-has-filters"
+                    class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                   >
                     <span
                       class="ant-table-header-column"
@@ -1200,7 +1200,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
               >
                 <tr>
                   <th
-                    class="ant-table-column-has-actions ant-table-column-has-filters"
+                    class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                   >
                     <span
                       class="ant-table-header-column"
@@ -1239,7 +1239,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                     </i>
                   </th>
                   <th
-                    class="ant-table-column-has-actions ant-table-column-has-filters"
+                    class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                   >
                     <span
                       class="ant-table-header-column"
@@ -1326,7 +1326,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                   data-row-key="1"
                 >
                   <td
-                    class="ant-table-column-has-actions ant-table-column-has-filters"
+                    class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                   >
                     <span>
                       <span
@@ -1337,7 +1337,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                     </span>
                   </td>
                   <td
-                    class="ant-table-column-has-actions ant-table-column-has-filters"
+                    class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                   >
                     <span>
                       <span
@@ -1364,7 +1364,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                   data-row-key="2"
                 >
                   <td
-                    class="ant-table-column-has-actions ant-table-column-has-filters"
+                    class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                   >
                     <span>
                       <span
@@ -1375,7 +1375,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                     </span>
                   </td>
                   <td
-                    class="ant-table-column-has-actions ant-table-column-has-filters"
+                    class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                   >
                     <span>
                       <span
@@ -1402,7 +1402,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                   data-row-key="3"
                 >
                   <td
-                    class="ant-table-column-has-actions ant-table-column-has-filters"
+                    class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                   >
                     <span>
                       <span
@@ -1413,7 +1413,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                     </span>
                   </td>
                   <td
-                    class="ant-table-column-has-actions ant-table-column-has-filters"
+                    class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                   >
                     <span>
                       <span
@@ -1440,7 +1440,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                   data-row-key="4"
                 >
                   <td
-                    class="ant-table-column-has-actions ant-table-column-has-filters"
+                    class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                   >
                     <span>
                       <span
@@ -1451,7 +1451,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                     </span>
                   </td>
                   <td
-                    class="ant-table-column-has-actions ant-table-column-has-filters"
+                    class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                   >
                     <span>
                       <span
@@ -3686,7 +3686,7 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
                 >
                   <tr>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -3767,7 +3767,7 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
                     data-row-key="0"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <div
                         class="editable-cell-value-wrap"
@@ -3799,7 +3799,7 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
                     data-row-key="1"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <div
                         class="editable-cell-value-wrap"
@@ -3948,7 +3948,7 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
               >
                 <tr>
                   <th
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     <span
                       class="ant-table-header-column"
@@ -3966,7 +3966,7 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                     </span>
                   </th>
                   <th
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     <span
                       class="ant-table-header-column"
@@ -3984,7 +3984,7 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                     </span>
                   </th>
                   <th
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     <span
                       class="ant-table-header-column"
@@ -4029,17 +4029,17 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                   data-row-key="0"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     Edrward 0
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     London Park no. 0
                   </td>
@@ -4056,17 +4056,17 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                   data-row-key="1"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     Edrward 1
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     London Park no. 1
                   </td>
@@ -4083,17 +4083,17 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                   data-row-key="2"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     Edrward 2
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     London Park no. 2
                   </td>
@@ -4110,17 +4110,17 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                   data-row-key="3"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     Edrward 3
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     London Park no. 3
                   </td>
@@ -4137,17 +4137,17 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                   data-row-key="4"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     Edrward 4
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     London Park no. 4
                   </td>
@@ -4164,17 +4164,17 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                   data-row-key="5"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     Edrward 5
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     London Park no. 5
                   </td>
@@ -4191,17 +4191,17 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                   data-row-key="6"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     Edrward 6
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     London Park no. 6
                   </td>
@@ -4218,17 +4218,17 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                   data-row-key="7"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     Edrward 7
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     London Park no. 7
                   </td>
@@ -4245,17 +4245,17 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                   data-row-key="8"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     Edrward 8
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     London Park no. 8
                   </td>
@@ -4272,17 +4272,17 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                   data-row-key="9"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     Edrward 9
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     London Park no. 9
                   </td>
@@ -4499,7 +4499,7 @@ exports[`renders ./components/table/demo/ellipsis.md correctly 1`] = `
               >
                 <tr>
                   <th
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     <span
                       class="ant-table-header-column"
@@ -4517,7 +4517,7 @@ exports[`renders ./components/table/demo/ellipsis.md correctly 1`] = `
                     </span>
                   </th>
                   <th
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     <span
                       class="ant-table-header-column"
@@ -4616,14 +4616,14 @@ exports[`renders ./components/table/demo/ellipsis.md correctly 1`] = `
                   data-row-key="1"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     <a>
                       John Brown
                     </a>
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
@@ -4653,14 +4653,14 @@ exports[`renders ./components/table/demo/ellipsis.md correctly 1`] = `
                   data-row-key="2"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     <a>
                       Jim Green
                     </a>
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     42
                   </td>
@@ -4690,14 +4690,14 @@ exports[`renders ./components/table/demo/ellipsis.md correctly 1`] = `
                   data-row-key="3"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     <a>
                       Joe Black
                     </a>
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
@@ -5207,7 +5207,7 @@ exports[`renders ./components/table/demo/expand-children.md correctly 1`] = `
                     </span>
                   </th>
                   <th
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     <span
                       class="ant-table-header-column"
@@ -5225,7 +5225,7 @@ exports[`renders ./components/table/demo/expand-children.md correctly 1`] = `
                     </span>
                   </th>
                   <th
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     <span
                       class="ant-table-header-column"
@@ -5288,12 +5288,12 @@ exports[`renders ./components/table/demo/expand-children.md correctly 1`] = `
                     John Brown sr.
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     60
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     New York No. 1 Lake Park
                   </td>
@@ -5336,12 +5336,12 @@ exports[`renders ./components/table/demo/expand-children.md correctly 1`] = `
                     Joe Black
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     32
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     Sidney No. 1 Lake Park
                   </td>
@@ -5480,7 +5480,7 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                 >
                   <tr>
                     <th
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -5498,7 +5498,7 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                       </span>
                     </th>
                     <th
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -5660,7 +5660,7 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                       </span>
                     </th>
                     <th
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -5687,12 +5687,12 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                     data-row-key="1"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       John Brown
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -5737,7 +5737,7 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                       New York Park
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <a>
                         action
@@ -5749,12 +5749,12 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                     data-row-key="2"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       Jim Green
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       40
                     </td>
@@ -5799,7 +5799,7 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                       London Park
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <a>
                         action
@@ -5836,7 +5836,7 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                   >
                     <tr>
                       <th
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <span
                           class="ant-table-header-column"
@@ -5854,7 +5854,7 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                         </span>
                       </th>
                       <th
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <span
                           class="ant-table-header-column"
@@ -5881,12 +5881,12 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                       data-row-key="1"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         John Brown
                       </td>
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         32
                       </td>
@@ -5896,12 +5896,12 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                       data-row-key="2"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         Jim Green
                       </td>
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         40
                       </td>
@@ -5934,7 +5934,7 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                   >
                     <tr>
                       <th
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <span
                           class="ant-table-header-column"
@@ -5961,7 +5961,7 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                       data-row-key="1"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <a>
                           action
@@ -5973,7 +5973,7 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                       data-row-key="2"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <a>
                           action
@@ -6128,7 +6128,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                 >
                   <tr>
                     <th
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -6146,7 +6146,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       </span>
                     </th>
                     <th
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -6164,7 +6164,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       </span>
                     </th>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -6182,7 +6182,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       </span>
                     </th>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -6200,7 +6200,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       </span>
                     </th>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -6218,7 +6218,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       </span>
                     </th>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -6236,7 +6236,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       </span>
                     </th>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -6254,7 +6254,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       </span>
                     </th>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -6272,7 +6272,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       </span>
                     </th>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -6308,7 +6308,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       </span>
                     </th>
                     <th
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -6379,47 +6379,47 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                     data-row-key="0"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       Edrward 0
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       32
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 0
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 0
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 0
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 0
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 0
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 0
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 0
                     </td>
@@ -6429,7 +6429,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       London Park no. 0
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <a>
                         action
@@ -6441,47 +6441,47 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                     data-row-key="1"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       Edrward 1
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       32
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 1
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 1
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 1
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 1
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 1
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 1
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 1
                     </td>
@@ -6491,7 +6491,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       London Park no. 1
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <a>
                         action
@@ -6503,47 +6503,47 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                     data-row-key="2"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       Edrward 2
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       32
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 2
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 2
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 2
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 2
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 2
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 2
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 2
                     </td>
@@ -6553,7 +6553,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       London Park no. 2
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <a>
                         action
@@ -6565,47 +6565,47 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                     data-row-key="3"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       Edrward 3
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       32
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 3
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 3
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 3
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 3
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 3
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 3
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 3
                     </td>
@@ -6615,7 +6615,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       London Park no. 3
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <a>
                         action
@@ -6627,47 +6627,47 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                     data-row-key="4"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       Edrward 4
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       32
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 4
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 4
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 4
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 4
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 4
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 4
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 4
                     </td>
@@ -6677,7 +6677,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       London Park no. 4
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <a>
                         action
@@ -6689,47 +6689,47 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                     data-row-key="5"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       Edrward 5
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       32
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 5
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 5
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 5
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 5
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 5
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 5
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 5
                     </td>
@@ -6739,7 +6739,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       London Park no. 5
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <a>
                         action
@@ -6751,47 +6751,47 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                     data-row-key="6"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       Edrward 6
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       32
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 6
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 6
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 6
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 6
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 6
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 6
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 6
                     </td>
@@ -6801,7 +6801,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       London Park no. 6
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <a>
                         action
@@ -6813,47 +6813,47 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                     data-row-key="7"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       Edrward 7
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       32
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 7
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 7
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 7
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 7
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 7
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 7
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 7
                     </td>
@@ -6863,7 +6863,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       London Park no. 7
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <a>
                         action
@@ -6875,47 +6875,47 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                     data-row-key="8"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       Edrward 8
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       32
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 8
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 8
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 8
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 8
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 8
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 8
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 8
                     </td>
@@ -6925,7 +6925,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       London Park no. 8
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <a>
                         action
@@ -6937,47 +6937,47 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                     data-row-key="9"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       Edrward 9
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       32
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 9
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 9
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 9
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 9
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 9
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 9
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       London Park no. 9
                     </td>
@@ -6987,7 +6987,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       London Park no. 9
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <a>
                         action
@@ -7020,7 +7020,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                 >
                   <tr>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -7038,7 +7038,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       </span>
                     </th>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -7086,12 +7086,12 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="0"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         Edrward 0
                       </td>
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         32
                       </td>
@@ -7101,12 +7101,12 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="1"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         Edrward 1
                       </td>
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         32
                       </td>
@@ -7116,12 +7116,12 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="2"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         Edrward 2
                       </td>
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         32
                       </td>
@@ -7131,12 +7131,12 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="3"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         Edrward 3
                       </td>
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         32
                       </td>
@@ -7146,12 +7146,12 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="4"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         Edrward 4
                       </td>
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         32
                       </td>
@@ -7161,12 +7161,12 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="5"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         Edrward 5
                       </td>
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         32
                       </td>
@@ -7176,12 +7176,12 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="6"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         Edrward 6
                       </td>
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         32
                       </td>
@@ -7191,12 +7191,12 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="7"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         Edrward 7
                       </td>
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         32
                       </td>
@@ -7206,12 +7206,12 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="8"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         Edrward 8
                       </td>
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         32
                       </td>
@@ -7221,12 +7221,12 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="9"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         Edrward 9
                       </td>
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         32
                       </td>
@@ -7255,7 +7255,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                 >
                   <tr>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -7300,7 +7300,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="0"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <a>
                           action
@@ -7312,7 +7312,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="1"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <a>
                           action
@@ -7324,7 +7324,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="2"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <a>
                           action
@@ -7336,7 +7336,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="3"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <a>
                           action
@@ -7348,7 +7348,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="4"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <a>
                           action
@@ -7360,7 +7360,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="5"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <a>
                           action
@@ -7372,7 +7372,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="6"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <a>
                           action
@@ -7384,7 +7384,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="7"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <a>
                           action
@@ -7396,7 +7396,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="8"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <a>
                           action
@@ -7408,7 +7408,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                       data-row-key="9"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <a>
                           action
@@ -7622,7 +7622,7 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                 >
                   <tr>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -7640,7 +7640,7 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                       </span>
                     </th>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -7704,12 +7704,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="0"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 0
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7724,12 +7724,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="1"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 1
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7744,12 +7744,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="2"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 2
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7764,12 +7764,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="3"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 3
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7784,12 +7784,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="4"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 4
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7804,12 +7804,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="5"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 5
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7824,12 +7824,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="6"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 6
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7844,12 +7844,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="7"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 7
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7864,12 +7864,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="8"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 8
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7884,12 +7884,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="9"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 9
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7904,12 +7904,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="10"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 10
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7924,12 +7924,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="11"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 11
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7944,12 +7944,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="12"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 12
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7964,12 +7964,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="13"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 13
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -7984,12 +7984,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="14"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 14
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8004,12 +8004,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="15"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 15
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8024,12 +8024,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="16"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 16
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8044,12 +8044,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="17"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 17
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8064,12 +8064,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="18"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 18
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8084,12 +8084,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="19"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 19
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8104,12 +8104,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="20"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 20
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8124,12 +8124,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="21"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 21
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8144,12 +8144,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="22"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 22
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8164,12 +8164,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="23"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 23
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8184,12 +8184,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="24"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 24
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8204,12 +8204,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="25"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 25
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8224,12 +8224,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="26"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 26
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8244,12 +8244,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="27"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 27
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8264,12 +8264,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="28"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 28
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8284,12 +8284,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="29"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 29
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8304,12 +8304,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="30"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 30
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8324,12 +8324,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="31"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 31
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8344,12 +8344,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="32"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 32
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8364,12 +8364,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="33"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 33
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8384,12 +8384,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="34"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 34
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8404,12 +8404,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="35"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 35
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8424,12 +8424,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="36"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 36
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8444,12 +8444,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="37"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 37
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8464,12 +8464,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="38"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 38
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8484,12 +8484,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="39"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 39
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8504,12 +8504,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="40"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 40
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8524,12 +8524,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="41"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 41
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8544,12 +8544,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="42"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 42
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8564,12 +8564,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="43"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 43
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8584,12 +8584,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="44"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 44
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8604,12 +8604,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="45"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 45
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8624,12 +8624,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="46"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 46
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8644,12 +8644,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="47"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 47
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8664,12 +8664,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="48"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 48
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8684,12 +8684,12 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                     data-row-key="49"
                   >
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Edward King 49
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       32
                     </td>
@@ -8847,7 +8847,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                 >
                   <tr>
                     <th
-                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"
+                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                       rowspan="4"
                     >
                       <span
@@ -8925,7 +8925,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       </span>
                     </th>
                     <th
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                       rowspan="4"
                     >
                       <span
@@ -8946,7 +8946,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                   </tr>
                   <tr>
                     <th
-                      class="ant-table-column-has-actions ant-table-column-has-sorters"
+                      class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-break-word"
                       rowspan="3"
                     >
                       <span
@@ -9030,7 +9030,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       </span>
                     </th>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                       rowspan="3"
                     >
                       <span
@@ -9070,7 +9070,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                   </tr>
                   <tr>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                       rowspan="2"
                     >
                       <span
@@ -9110,7 +9110,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                   </tr>
                   <tr>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -9128,7 +9128,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       </span>
                     </th>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -9190,32 +9190,32 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     data-row-key="0"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"
+                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                     >
                       John Brown
                     </td>
                     <td
-                      class="ant-table-column-has-actions ant-table-column-has-sorters"
+                      class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-break-word"
                     >
                       1
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Park
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       C
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       2035
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Street 42
                     </td>
@@ -9225,7 +9225,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       SoftLake Co
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       M
                     </td>
@@ -9235,32 +9235,32 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     data-row-key="1"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"
+                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                     >
                       John Brown
                     </td>
                     <td
-                      class="ant-table-column-has-actions ant-table-column-has-sorters"
+                      class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-break-word"
                     >
                       2
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Park
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       C
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       2035
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Street 42
                     </td>
@@ -9270,7 +9270,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       SoftLake Co
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       M
                     </td>
@@ -9280,32 +9280,32 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     data-row-key="2"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"
+                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                     >
                       John Brown
                     </td>
                     <td
-                      class="ant-table-column-has-actions ant-table-column-has-sorters"
+                      class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-break-word"
                     >
                       3
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Park
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       C
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       2035
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Street 42
                     </td>
@@ -9315,7 +9315,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       SoftLake Co
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       M
                     </td>
@@ -9325,32 +9325,32 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     data-row-key="3"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"
+                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                     >
                       John Brown
                     </td>
                     <td
-                      class="ant-table-column-has-actions ant-table-column-has-sorters"
+                      class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-break-word"
                     >
                       4
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Park
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       C
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       2035
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Street 42
                     </td>
@@ -9360,7 +9360,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       SoftLake Co
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       M
                     </td>
@@ -9370,32 +9370,32 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     data-row-key="4"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"
+                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                     >
                       John Brown
                     </td>
                     <td
-                      class="ant-table-column-has-actions ant-table-column-has-sorters"
+                      class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-break-word"
                     >
                       5
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Park
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       C
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       2035
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Street 42
                     </td>
@@ -9405,7 +9405,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       SoftLake Co
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       M
                     </td>
@@ -9415,32 +9415,32 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     data-row-key="5"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"
+                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                     >
                       John Brown
                     </td>
                     <td
-                      class="ant-table-column-has-actions ant-table-column-has-sorters"
+                      class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-break-word"
                     >
                       6
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Park
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       C
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       2035
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Street 42
                     </td>
@@ -9450,7 +9450,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       SoftLake Co
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       M
                     </td>
@@ -9460,32 +9460,32 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     data-row-key="6"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"
+                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                     >
                       John Brown
                     </td>
                     <td
-                      class="ant-table-column-has-actions ant-table-column-has-sorters"
+                      class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-break-word"
                     >
                       7
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Park
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       C
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       2035
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Street 42
                     </td>
@@ -9495,7 +9495,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       SoftLake Co
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       M
                     </td>
@@ -9505,32 +9505,32 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     data-row-key="7"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"
+                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                     >
                       John Brown
                     </td>
                     <td
-                      class="ant-table-column-has-actions ant-table-column-has-sorters"
+                      class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-break-word"
                     >
                       8
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Park
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       C
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       2035
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Street 42
                     </td>
@@ -9540,7 +9540,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       SoftLake Co
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       M
                     </td>
@@ -9550,32 +9550,32 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     data-row-key="8"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"
+                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                     >
                       John Brown
                     </td>
                     <td
-                      class="ant-table-column-has-actions ant-table-column-has-sorters"
+                      class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-break-word"
                     >
                       9
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Park
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       C
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       2035
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Street 42
                     </td>
@@ -9585,7 +9585,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       SoftLake Co
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       M
                     </td>
@@ -9595,32 +9595,32 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     data-row-key="9"
                   >
                     <td
-                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"
+                      class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                     >
                       John Brown
                     </td>
                     <td
-                      class="ant-table-column-has-actions ant-table-column-has-sorters"
+                      class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-break-word"
                     >
                       10
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Park
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       C
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       2035
                     </td>
                     <td
-                      class=""
+                      class="ant-table-row-cell-break-word"
                     >
                       Lake Street 42
                     </td>
@@ -9630,7 +9630,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       SoftLake Co
                     </td>
                     <td
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       M
                     </td>
@@ -9658,7 +9658,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                 >
                   <tr>
                     <th
-                      class="ant-table-column-has-actions ant-table-column-has-filters"
+                      class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                       rowspan="4"
                     >
                       <span
@@ -9725,7 +9725,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="0"
                     >
                       <td
-                        class="ant-table-column-has-actions ant-table-column-has-filters"
+                        class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                       >
                         John Brown
                       </td>
@@ -9735,7 +9735,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="1"
                     >
                       <td
-                        class="ant-table-column-has-actions ant-table-column-has-filters"
+                        class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                       >
                         John Brown
                       </td>
@@ -9745,7 +9745,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="2"
                     >
                       <td
-                        class="ant-table-column-has-actions ant-table-column-has-filters"
+                        class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                       >
                         John Brown
                       </td>
@@ -9755,7 +9755,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="3"
                     >
                       <td
-                        class="ant-table-column-has-actions ant-table-column-has-filters"
+                        class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                       >
                         John Brown
                       </td>
@@ -9765,7 +9765,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="4"
                     >
                       <td
-                        class="ant-table-column-has-actions ant-table-column-has-filters"
+                        class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                       >
                         John Brown
                       </td>
@@ -9775,7 +9775,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="5"
                     >
                       <td
-                        class="ant-table-column-has-actions ant-table-column-has-filters"
+                        class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                       >
                         John Brown
                       </td>
@@ -9785,7 +9785,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="6"
                     >
                       <td
-                        class="ant-table-column-has-actions ant-table-column-has-filters"
+                        class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                       >
                         John Brown
                       </td>
@@ -9795,7 +9795,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="7"
                     >
                       <td
-                        class="ant-table-column-has-actions ant-table-column-has-filters"
+                        class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                       >
                         John Brown
                       </td>
@@ -9805,7 +9805,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="8"
                     >
                       <td
-                        class="ant-table-column-has-actions ant-table-column-has-filters"
+                        class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                       >
                         John Brown
                       </td>
@@ -9815,7 +9815,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="9"
                     >
                       <td
-                        class="ant-table-column-has-actions ant-table-column-has-filters"
+                        class="ant-table-column-has-actions ant-table-column-has-filters ant-table-row-cell-break-word"
                       >
                         John Brown
                       </td>
@@ -9844,7 +9844,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                 >
                   <tr>
                     <th
-                      class=""
+                      class="ant-table-row-cell-break-word"
                       rowspan="4"
                     >
                       <span
@@ -9890,7 +9890,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="0"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         M
                       </td>
@@ -9900,7 +9900,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="1"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         M
                       </td>
@@ -9910,7 +9910,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="2"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         M
                       </td>
@@ -9920,7 +9920,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="3"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         M
                       </td>
@@ -9930,7 +9930,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="4"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         M
                       </td>
@@ -9940,7 +9940,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="5"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         M
                       </td>
@@ -9950,7 +9950,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="6"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         M
                       </td>
@@ -9960,7 +9960,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="7"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         M
                       </td>
@@ -9970,7 +9970,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="8"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         M
                       </td>
@@ -9980,7 +9980,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                       data-row-key="9"
                     >
                       <td
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         M
                       </td>
@@ -11902,7 +11902,7 @@ exports[`renders ./components/table/demo/resizable-column.md correctly 1`] = `
               >
                 <tr>
                   <th
-                    class="react-resizable"
+                    class="ant-table-row-cell-break-word react-resizable"
                   >
                     <span
                       class="ant-table-header-column"
@@ -11924,7 +11924,7 @@ exports[`renders ./components/table/demo/resizable-column.md correctly 1`] = `
                     />
                   </th>
                   <th
-                    class="react-resizable"
+                    class="ant-table-row-cell-break-word react-resizable"
                   >
                     <span
                       class="ant-table-header-column"
@@ -11946,7 +11946,7 @@ exports[`renders ./components/table/demo/resizable-column.md correctly 1`] = `
                     />
                   </th>
                   <th
-                    class="react-resizable"
+                    class="ant-table-row-cell-break-word react-resizable"
                   >
                     <span
                       class="ant-table-header-column"
@@ -11968,7 +11968,7 @@ exports[`renders ./components/table/demo/resizable-column.md correctly 1`] = `
                     />
                   </th>
                   <th
-                    class="react-resizable"
+                    class="ant-table-row-cell-break-word react-resizable"
                   >
                     <span
                       class="ant-table-header-column"
@@ -12017,22 +12017,22 @@ exports[`renders ./components/table/demo/resizable-column.md correctly 1`] = `
                   data-row-key="0"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     2018-02-11
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     120
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     income
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     transfer
                   </td>
@@ -12049,22 +12049,22 @@ exports[`renders ./components/table/demo/resizable-column.md correctly 1`] = `
                   data-row-key="1"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     2018-03-11
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     243
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     income
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     transfer
                   </td>
@@ -12081,22 +12081,22 @@ exports[`renders ./components/table/demo/resizable-column.md correctly 1`] = `
                   data-row-key="2"
                 >
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     2018-04-11
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     98
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     income
                   </td>
                   <td
-                    class=""
+                    class="ant-table-row-cell-break-word"
                   >
                     transfer
                   </td>
diff --git a/components/table/__tests__/__snapshots__/empty.test.js.snap b/components/table/__tests__/__snapshots__/empty.test.js.snap
index 5ea5d8c18dbf..7c83756948c2 100644
--- a/components/table/__tests__/__snapshots__/empty.test.js.snap
+++ b/components/table/__tests__/__snapshots__/empty.test.js.snap
@@ -491,7 +491,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
                 >
                   <tr>
                     <th
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -509,7 +509,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
                       </span>
                     </th>
                     <th
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -671,7 +671,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
                       </span>
                     </th>
                     <th
-                      class="ant-table-fixed-columns-in-body"
+                      class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"
                     >
                       <span
                         class="ant-table-header-column"
@@ -771,7 +771,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
                   >
                     <tr>
                       <th
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <span
                           class="ant-table-header-column"
@@ -789,7 +789,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
                         </span>
                       </th>
                       <th
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <span
                           class="ant-table-header-column"
@@ -838,7 +838,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
                   >
                     <tr>
                       <th
-                        class=""
+                        class="ant-table-row-cell-break-word"
                       >
                         <span
                           class="ant-table-header-column"