docs(useAntdTable&useDynamicList): table style overflow auto (#2438)

Author: coding-ice

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>

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>

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>

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>

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} />;
 };

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>

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>