docs: update table demo (#38861)

* Update size.tsx

* chore: update snapshot

components/table/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -23936,10 +23936,17 @@ exports[`renders ./components/table/demo/row-selection-custom-debug.tsx extend c
 `;
 
 exports[`renders ./components/table/demo/size.tsx extend context correctly 1`] = `
-<div>
-  <h4>
-    Middle size table
-  </h4>
+Array [
+  <div
+    class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center"
+    role="separator"
+  >
+    <span
+      class="ant-divider-inner-text"
+    >
+      Middle size table
+    </span>
+  </div>,
   <div
     class="ant-table-wrapper"
   >
@@ -24132,10 +24139,17 @@ exports[`renders ./components/table/demo/size.tsx extend context correctly 1`] =
         </ul>
       </div>
     </div>
-  </div>
-  <h4>
-    Small size table
-  </h4>
+  </div>,
+  <div
+    class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center"
+    role="separator"
+  >
+    <span
+      class="ant-divider-inner-text"
+    >
+      Small size table
+    </span>
+  </div>,
   <div
     class="ant-table-wrapper"
   >
@@ -24328,8 +24342,8 @@ exports[`renders ./components/table/demo/size.tsx extend context correctly 1`] =
         </ul>
       </div>
     </div>
-  </div>
-</div>
+  </div>,
+]
 `;
 
 exports[`renders ./components/table/demo/sticky.tsx extend context correctly 1`] = `

components/table/__tests__/__snapshots__/demo.test.ts.snap

@@ -18188,10 +18188,17 @@ exports[`renders ./components/table/demo/row-selection-custom-debug.tsx correctl
 `;
 
 exports[`renders ./components/table/demo/size.tsx correctly 1`] = `
-<div>
-  <h4>
-    Middle size table
-  </h4>
+Array [
+  <div
+    class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center"
+    role="separator"
+  >
+    <span
+      class="ant-divider-inner-text"
+    >
+      Middle size table
+    </span>
+  </div>,
   <div
     class="ant-table-wrapper"
   >
@@ -18384,10 +18391,17 @@ exports[`renders ./components/table/demo/size.tsx correctly 1`] = `
         </ul>
       </div>
     </div>
-  </div>
-  <h4>
-    Small size table
-  </h4>
+  </div>,
+  <div
+    class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center"
+    role="separator"
+  >
+    <span
+      class="ant-divider-inner-text"
+    >
+      Small size table
+    </span>
+  </div>,
   <div
     class="ant-table-wrapper"
   >
@@ -18580,8 +18594,8 @@ exports[`renders ./components/table/demo/size.tsx correctly 1`] = `
         </ul>
       </div>
     </div>
-  </div>
-</div>
+  </div>,
+]
 `;
 
 exports[`renders ./components/table/demo/sticky.tsx correctly 1`] = `

components/table/demo/size.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Table } from 'antd';
+import { Table, Divider } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 
 interface DataType {
@@ -46,12 +46,12 @@ const data: DataType[] = [
 ];
 
 const App: React.FC = () => (
-  <div>
-    <h4>Middle size table</h4>
+  <>
+    <Divider>Middle size table</Divider>
     <Table columns={columns} dataSource={data} size="middle" />
-    <h4>Small size table</h4>
+    <Divider>Small size table</Divider>
     <Table columns={columns} dataSource={data} size="small" />
-  </div>
+  </>
 );
 
 export default App;