diff --git a/src/hooks/common/table.ts b/src/hooks/common/table.ts index f37dcd2..8c54c5c 100644 --- a/src/hooks/common/table.ts +++ b/src/hooks/common/table.ts @@ -85,16 +85,20 @@ export function useTable(config: AntDesign.AntDe // size: 'f', current: 1, pageSize: 10, + defaultPageSize: 10, + responsive: true, onChange: async (current: number, pageSize: number) => { pagination.current = current; - + pagination.pageSize = pageSize; updateSearchParams({ pageNum: current, pageSize }); getData(); - } + }, + showTotal: (total: number) => + $t('common.tablePaginationTotal', { total: total }) }); // this is for mobile, if the system does not support mobile, you can use `pagination` directly diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts index c322df2..9149604 100644 --- a/src/locales/langs/en-us.ts +++ b/src/locales/langs/en-us.ts @@ -66,7 +66,8 @@ const local: any = { yesOrNo: { yes: 'Yes', no: 'No' - } + }, + tablePaginationTotal: 'Total {total} items', }, request: { logout: 'Logout user after request failed', diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts index 1c0960f..500133d 100644 --- a/src/locales/langs/zh-cn.ts +++ b/src/locales/langs/zh-cn.ts @@ -66,7 +66,8 @@ const local:any = { yesOrNo: { yes: '是', no: '否' - } + }, + tablePaginationTotal: '总共 {total} 条', }, request: { logout: '请求失败后登出用户',