From 8551e07c70ba3068fc439881703e23b920f4f644 Mon Sep 17 00:00:00 2001 From: CaIon <1808837298@qq.com> Date: Tue, 28 Nov 2023 00:43:20 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=B8=80=E4=BA=9B=E4=BA=A4?= =?UTF-8?q?=E4=BA=92=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/src/components/UsersTable.js | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/web/src/components/UsersTable.js b/web/src/components/UsersTable.js index 95416a4..997fdf3 100644 --- a/web/src/components/UsersTable.js +++ b/web/src/components/UsersTable.js @@ -265,6 +265,15 @@ const UsersTable = () => { setLoading(false); }; + const handlePageChange = page => { + setActivePage(page); + if (page === Math.ceil(users.length / ITEMS_PER_PAGE) + 1) { + // In this case we have to load more data and then append them. + loadUsers(page - 1).then(r => { + }); + } + }; + const pageData = users.slice((activePage - 1) * ITEMS_PER_PAGE, activePage * ITEMS_PER_PAGE); const closeAddUser = () => { @@ -303,7 +312,8 @@ const UsersTable = () => { currentPage: activePage, pageSize: ITEMS_PER_PAGE, total: userCount, - pageSizeOpts: [10, 20, 50, 100], // onPageChange: handlePageChange, + pageSizeOpts: [10, 20, 50, 100], + onPageChange: handlePageChange, }} loading={loading}/>