diff --git a/components/table/Table.tsx b/components/table/Table.tsx
index 6f2c6ea34..96091eca3 100644
--- a/components/table/Table.tsx
+++ b/components/table/Table.tsx
@@ -653,7 +653,8 @@ const Table = defineComponent<TableProps>({
       table,
     });
     return () => {
-      const columns = attrs.columns || convertChildrenToColumns(slots.default?.());
+      const props = attrs as TableProps;
+      const columns = props.columns || convertChildrenToColumns(slots.default?.());
       return (
         <InteralTable
           ref={table}
diff --git a/components/table/__tests__/Table.pagination.test.js b/components/table/__tests__/Table.pagination.test.js
index cc11807c0..520fc2896 100644
--- a/components/table/__tests__/Table.pagination.test.js
+++ b/components/table/__tests__/Table.pagination.test.js
@@ -25,7 +25,7 @@ describe('Table.pagination', () => {
       props: {
         columns,
         dataSource: data,
-        pagination,
+        pagination: { ...pagination },
         ...props,
       },
       sync: false,
diff --git a/components/table/demo/index.vue b/components/table/demo/index.vue
index b555b2f62..8564b0034 100644
--- a/components/table/demo/index.vue
+++ b/components/table/demo/index.vue
@@ -57,8 +57,9 @@ import MultipleSorter from './multiple-sorter.vue';
 import Summary from './summary.vue';
 import CN from '../index.zh-CN.md';
 import US from '../index.en-US.md';
+import { defineComponent } from '@vue/runtime-core';
 
-export default {
+export default defineComponent({
   CN,
   US,
   components: {
@@ -88,5 +89,5 @@ export default {
     MultipleSorter,
     Summary,
   },
-};
+});
 </script>