diff --git a/components/table/demo/grouping-columns.md b/components/table/demo/grouping-columns.md
index e0e033f6bf..3396195fc4 100644
--- a/components/table/demo/grouping-columns.md
+++ b/components/table/demo/grouping-columns.md
@@ -36,7 +36,7 @@ const columns = [{
     title: 'Age',
     dataIndex: 'age',
     key: 'age',
-    width: 100,
+    width: 200,
     sorter: (a, b) => a.age - b.age,
   }, {
     title: 'Address',
@@ -51,7 +51,7 @@ const columns = [{
         title: 'Building',
         dataIndex: 'building',
         key: 'building',
-        width: 50,
+        width: 100,
       }, {
         title: 'Door No.',
         dataIndex: 'number',
@@ -66,12 +66,10 @@ const columns = [{
     title: 'Company Address',
     dataIndex: 'companyAddress',
     key: 'companyAddress',
-    width: 200,
   }, {
     title: 'Company Name',
     dataIndex: 'companyName',
     key: 'companyName',
-    width: 200,
   }],
 }, {
   title: 'Gender',
@@ -102,7 +100,7 @@ ReactDOM.render(
     dataSource={data}
     bordered
     size="middle"
-    scroll={{ x: 1010, y: 240 }}
+    scroll={{ x: '130%', y: 240 }}
   />
 , mountNode);
 ```