diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx index ae8cd49855..c5398a3631 100644 --- a/frontend/src/Editor/Components/Table/Table.jsx +++ b/frontend/src/Editor/Components/Table/Table.jsx @@ -39,6 +39,7 @@ export function Table({ onComponentOptionsChanged, darkMode, fireEvent, + setExposedVariable, registerAction, }) { const color = component.definition.styles.textColor.value; @@ -747,13 +748,16 @@ export function Table({ } ); - useEffect(() => { + const registerSetPageAction = () => { registerAction('setPage', (targetPageIndex) => { setPaginationInternalPageIndex(targetPageIndex); - onPageIndexChanged(targetPageIndex); + setExposedVariable('pageIndex', targetPageIndex); if (!serverSidePagination && clientSidePagination) gotoPage(targetPageIndex - 1); }); - }, [serverSidePagination, clientSidePagination]); + }; + + useEffect(registerSetPageAction, []); + useEffect(registerSetPageAction, [serverSidePagination, clientSidePagination]); useEffect(() => { const selectedRowsOriginalData = selectedFlatRows.map((row) => row.original); diff --git a/frontend/src/Editor/LeftSidebar/SidebarInspector.jsx b/frontend/src/Editor/LeftSidebar/SidebarInspector.jsx index bad0a99520..f83edaf1d3 100644 --- a/frontend/src/Editor/LeftSidebar/SidebarInspector.jsx +++ b/frontend/src/Editor/LeftSidebar/SidebarInspector.jsx @@ -41,7 +41,7 @@ export const LeftSidebarInspector = ({ darkMode, globals, components, queries }) collapseStringsAfterLength={1000} />