diff --git a/packages/hooks/src/useAntdTable/demo/cache.tsx b/packages/hooks/src/useAntdTable/demo/cache.tsx
index 833441af1f..6aa68f859d 100644
--- a/packages/hooks/src/useAntdTable/demo/cache.tsx
+++ b/packages/hooks/src/useAntdTable/demo/cache.tsx
@@ -136,7 +136,7 @@ const UserList = () => {
   return (
     <div>
       {type === 'simple' ? searchForm : advanceSearchForm}
-      <Table columns={columns} rowKey="email" {...tableProps} />
+      <Table columns={columns} rowKey="email" style={{ overflow: 'auto' }} {...tableProps} />
 
       <div style={{ background: '#f5f5f5', padding: 8 }}>
         <p>Current Table:</p>
diff --git a/packages/hooks/src/useAntdTable/demo/form.tsx b/packages/hooks/src/useAntdTable/demo/form.tsx
index 5dfd639308..417b28ea58 100644
--- a/packages/hooks/src/useAntdTable/demo/form.tsx
+++ b/packages/hooks/src/useAntdTable/demo/form.tsx
@@ -122,7 +122,7 @@ export default () => {
   return (
     <div>
       {type === 'simple' ? searchForm : advanceSearchForm}
-      <Table columns={columns} rowKey="email" {...tableProps} />
+      <Table columns={columns} rowKey="email" style={{ overflow: 'auto' }} {...tableProps} />
 
       <div style={{ background: '#f5f5f5', padding: 8 }}>
         <p>Current Table:</p>
diff --git a/packages/hooks/src/useAntdTable/demo/init.tsx b/packages/hooks/src/useAntdTable/demo/init.tsx
index afa6171c36..2c537f730f 100644
--- a/packages/hooks/src/useAntdTable/demo/init.tsx
+++ b/packages/hooks/src/useAntdTable/demo/init.tsx
@@ -126,7 +126,7 @@ export default () => {
   return (
     <div>
       {type === 'simple' ? searchForm : advanceSearchForm}
-      <Table columns={columns} rowKey="email" {...tableProps} />
+      <Table columns={columns} rowKey="email" style={{ overflow: 'auto' }} {...tableProps} />
 
       <div style={{ background: '#f5f5f5', padding: 8 }}>
         <p>Current Table:</p>
diff --git a/packages/hooks/src/useAntdTable/demo/ready.tsx b/packages/hooks/src/useAntdTable/demo/ready.tsx
index f30484bb4a..0ca3b8ec8d 100644
--- a/packages/hooks/src/useAntdTable/demo/ready.tsx
+++ b/packages/hooks/src/useAntdTable/demo/ready.tsx
@@ -131,7 +131,7 @@ export default () => {
     <div>
       <Button onClick={() => setReady((r) => !r)}>toggle ready</Button>
       {type === 'simple' ? searchForm : advanceSearchForm}
-      <Table columns={columns} rowKey="email" {...tableProps} />
+      <Table columns={columns} rowKey="email" style={{ overflow: 'auto' }} {...tableProps} />
 
       <div style={{ background: '#f5f5f5', padding: 8 }}>
         <p>Current Table:</p>
diff --git a/packages/hooks/src/useAntdTable/demo/table.tsx b/packages/hooks/src/useAntdTable/demo/table.tsx
index ecfa26698d..e2fe72438d 100644
--- a/packages/hooks/src/useAntdTable/demo/table.tsx
+++ b/packages/hooks/src/useAntdTable/demo/table.tsx
@@ -49,5 +49,5 @@ export default () => {
     },
   ];
 
-  return <Table columns={columns} rowKey="email" {...tableProps} />;
+  return <Table columns={columns} rowKey="email" style={{ overflow: 'auto' }} {...tableProps} />;
 };
diff --git a/packages/hooks/src/useAntdTable/demo/validate.tsx b/packages/hooks/src/useAntdTable/demo/validate.tsx
index a5a9c03ada..416158267b 100644
--- a/packages/hooks/src/useAntdTable/demo/validate.tsx
+++ b/packages/hooks/src/useAntdTable/demo/validate.tsx
@@ -88,7 +88,7 @@ export default () => {
   return (
     <div>
       {searchForm}
-      <Table columns={columns} rowKey="email" {...tableProps} />
+      <Table columns={columns} rowKey="email" style={{ overflow: 'auto' }} {...tableProps} />
 
       <div style={{ background: '#f5f5f5', padding: 8 }}>
         <p>Current Table:</p>
diff --git a/packages/hooks/src/useDynamicList/demo/demo4.tsx b/packages/hooks/src/useDynamicList/demo/demo4.tsx
index ef09146e67..ca0f37cea6 100644
--- a/packages/hooks/src/useDynamicList/demo/demo4.tsx
+++ b/packages/hooks/src/useDynamicList/demo/demo4.tsx
@@ -84,6 +84,7 @@ export default () => {
             dataSource={list}
             rowKey={(r: Item, index: number) => getKey(index).toString()}
             pagination={false}
+            style={{ overflow: 'auto' }}
           />
         </ReactDragListView>
       </Form>