diff --git a/lib/dtable/dev.ts b/lib/dtable/dev.ts
index e52c5c64d3..8f506f1940 100644
--- a/lib/dtable/dev.ts
+++ b/lib/dtable/dev.ts
@@ -260,6 +260,7 @@ onPageUpdate(() => {
             recPerPage: 10,
             linkCreator: '#?page={page}&recPerPage={recPerPage}',
         },
+        localPager: true,
         footer: ['checkbox', 'divider', 'checkedInfo', 'divider', 'flex', 'pager'],
     });
     console.log('DataTable', datatable);
diff --git a/lib/dtable/src/plugins/pager/index.tsx b/lib/dtable/src/plugins/pager/index.tsx
index b456cf09b2..21805f2fdf 100644
--- a/lib/dtable/src/plugins/pager/index.tsx
+++ b/lib/dtable/src/plugins/pager/index.tsx
@@ -79,20 +79,11 @@ const pagerPlugin: DTablePlugin<DTablePagerTypes> = {
                     });
                 }
                 if (this.options.localPager) {
-                    footPager.onChangePageSize = (info) => {
+                    footPager.onChangePageInfo = (newPager) => {
                         this.update({
                             dirtyType: 'layout',
                             state: (prevState) => {
-                                const pager = {...(prevState as unknown as DTablePagerTypes['state']).pager, recPerPage: info.recPerPage};
-                                return {pager};
-                            },
-                        });
-                    };
-                    footPager.onGoToPage = (info) => {
-                        this.update({
-                            dirtyType: 'layout',
-                            state: (prevState) => {
-                                const pager = {...(prevState as unknown as DTablePagerTypes['state']).pager, page: info.page};
+                                const pager = {...(prevState as unknown as DTablePagerTypes['state']).pager, ...newPager};
                                 return {pager};
                             },
                         });