diff --git a/src/hooks/common/table.ts b/src/hooks/common/table.ts
index c83bbbce..50d1e0f4 100644
--- a/src/hooks/common/table.ts
+++ b/src/hooks/common/table.ts
@@ -13,6 +13,8 @@ export function useTable(config: NaiveUI.NaiveTabl
const scope = effectScope();
const appStore = useAppStore();
+ const isMobile = computed(() => appStore.isMobile);
+
const { apiFn, apiParams, immediate } = config;
const SELECTION_KEY = '__selection__';
@@ -104,6 +106,7 @@ export function useTable(config: NaiveUI.NaiveTabl
pageSize: 10,
showSizePicker: true,
pageSizes: [10, 15, 20, 25, 30],
+ prefix: page => $t('datatable.itemCount', { total: page.itemCount }),
onUpdatePage: async (page: number) => {
pagination.page = page;
@@ -131,7 +134,8 @@ export function useTable(config: NaiveUI.NaiveTabl
const mobilePagination = computed(() => {
const p: PaginationProps = {
...pagination,
- pageSlot: appStore.isMobile ? 3 : 9
+ pageSlot: isMobile ? 3 : 9,
+ prefix: isMobile ? undefined : pagination.prefix
};
return p;
diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index 447fe102..51137d1e 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -445,6 +445,9 @@ const local: App.I18n.Schema = {
expand: 'Expand Menu',
pin: 'Pin',
unpin: 'Unpin'
+ },
+ datatable: {
+ itemCount: 'Total {total} items'
}
};
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index 61400eb4..40ac1043 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -445,6 +445,9 @@ const local: App.I18n.Schema = {
expand: '展开菜单',
pin: '固定',
unpin: '取消固定'
+ },
+ datatable: {
+ itemCount: '共 {total} 条'
}
};
diff --git a/src/typings/app.d.ts b/src/typings/app.d.ts
index 13cc492f..6a69ea92 100644
--- a/src/typings/app.d.ts
+++ b/src/typings/app.d.ts
@@ -602,6 +602,9 @@ declare namespace App {
pin: string;
unpin: string;
};
+ datatable: {
+ itemCount: string;
+ };
};
type GetI18nKey, K extends keyof T = keyof T> = K extends string