Merge remote-tracking branch 'origin/devel' into devel

webapp/packages/plugin-data-viewer/src/DatabaseDataModel/DatabaseDataModel.ts

@@ -30,13 +30,13 @@ implements IDatabaseDataModel<TOptions, TResult> {
   }
 
   constructor(source: IDatabaseDataSource<TOptions, TResult>) {
-    makeObservable(this, {
-      countGain: observable,
-    });
-
     this.id = uuid();
     this.source = source;
     this.countGain = 0;
+
+    makeObservable(this, {
+      countGain: observable,
+    });
   }
 
   isLoading(): boolean {

webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx

@@ -7,7 +7,7 @@
  */
 
 import { observer } from 'mobx-react-lite';
-import { useCallback, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import styled, { css, use } from 'reshadow';
 
 import { IconOrImage, SubmittingForm, ToolsPanel } from '@cloudbeaver/core-blocks';
@@ -96,6 +96,12 @@ export const TableFooter = observer(function TableFooter({
     [model]
   );
 
+  useEffect(() => {
+    if (limit !== model.countGain + '') {
+      setLimit(model.countGain + '');
+    }
+  }, [model.countGain]);
+
   const disabled = model.isLoading() || model.isDisabled(resultIndex);
 
   return styled(useStyles(tableFooterStyles))(