diff --git a/client/packages/lowcoder/src/comps/comps/tableComp/tableToolbarComp.tsx b/client/packages/lowcoder/src/comps/comps/tableComp/tableToolbarComp.tsx index 6b6f619ef..d29299c1a 100644 --- a/client/packages/lowcoder/src/comps/comps/tableComp/tableToolbarComp.tsx +++ b/client/packages/lowcoder/src/comps/comps/tableComp/tableToolbarComp.tsx @@ -871,6 +871,9 @@ export const TableToolbar = memo(function TableToolbar(props: { if (page !== pagination.current) { onEvent("pageChange"); } + if (pageSize !== pagination.pageSize) { + onEvent("pageSizeChange"); + } }} /> {hasChange && toolbar.showUpdateButtons && ( diff --git a/client/packages/lowcoder/src/comps/comps/tableComp/tableTypes.tsx b/client/packages/lowcoder/src/comps/comps/tableComp/tableTypes.tsx index f80bcf3b5..4cea24328 100644 --- a/client/packages/lowcoder/src/comps/comps/tableComp/tableTypes.tsx +++ b/client/packages/lowcoder/src/comps/comps/tableComp/tableTypes.tsx @@ -139,6 +139,11 @@ export const TableEventOptions = [ value: "pageChange", description: trans("table.pageChange"), }, + { + label: trans("table.pageSizeChange"), + value: "pageSizeChange", + description: trans("table.pageSizeChange"), + }, { label: trans("table.refresh"), value: "refresh", diff --git a/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableToolbarComp.tsx b/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableToolbarComp.tsx index 476bffaad..f56c98402 100644 --- a/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableToolbarComp.tsx +++ b/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableToolbarComp.tsx @@ -204,6 +204,9 @@ export const TableToolbar = memo(function TableToolbar(props: { if (page !== pagination.current) { onEvent("pageChange"); } + if (pageSize !== pagination.pageSize) { + onEvent("pageSizeChange"); + } }} /> diff --git a/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableTypes.tsx b/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableTypes.tsx index 49cca1976..7a16193c9 100644 --- a/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableTypes.tsx +++ b/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableTypes.tsx @@ -98,6 +98,11 @@ export const TableEventOptions = [ value: "pageChange", description: trans("table.pageChange"), }, + { + label: trans("table.pageSizeChange"), + value: "pageSizeChange", + description: trans("table.pageSizeChange"), + }, { label: trans("table.refresh"), value: "refresh", diff --git a/client/packages/lowcoder/src/i18n/locales/en.ts b/client/packages/lowcoder/src/i18n/locales/en.ts index 644613901..60095c146 100644 --- a/client/packages/lowcoder/src/i18n/locales/en.ts +++ b/client/packages/lowcoder/src/i18n/locales/en.ts @@ -2146,6 +2146,7 @@ export const en = { "filterChange": "Filter Change", "sortChange": "Sort Change", "pageChange": "Page Change", + "pageSizeChange": "Page Size Change", "refresh": "Refresh", "rowColor": "Conditional row color", "rowColorDesc": "Conditionally Set the Row Color Based on the Optional Variables: CurrentRow, CurrentOriginalIndex, CurrentIndex, ColumnTitle. For Example: '{{ currentRow.id > 3 ? \"green\" : \"red\" }}'",