data grid optimalization

packages/web/src/datagrid/LoadingDataGridCore.svelte

@@ -121,14 +121,15 @@
 </script>
 
 <DataGridCore
-  bind:this={domGrid}
   {...$$props}
+  bind:this={domGrid}
+  bind:selectedCellsPublished
   onLoadNextData={handleLoadNextData}
   {errorMessage}
-  {grider}
   {isLoading}
   allRowCount={rowCountLoaded || allRowCount}
   {isLoadedAll}
   {loadedTime}
-  bind:selectedCellsPublished
+  {grider}
+  {display}
 />

packages/web/src/datagrid/SqlDataGridCore.svelte

@@ -100,8 +100,13 @@
 
   let loadedRows = [];
 
+  let grider;
+
   // $: console.log('loadedRows BIND', loadedRows);
-  $: grider = new ChangeSetGrider(
+
+  $: {
+    if (macroPreview) {
+      grider = new ChangeSetGrider(
         loadedRows,
         changeSetState,
         dispatchChangeSet,
@@ -110,6 +115,14 @@
         macroValues,
         selectedCellsPublished()
       );
+    }
+  }
+  // prevent recreate grider, if no macro is selected, so there is no need to selectedcells in macro
+  $: {
+    if (!macroPreview) {
+      grider = new ChangeSetGrider(loadedRows, changeSetState, dispatchChangeSet, display);
+    }
+  }
   // $: console.log('GRIDER', grider);
   // $: if (onChangeGrider) onChangeGrider(grider);
 
@@ -200,4 +213,5 @@
   bind:selectedCellsPublished
   frameSelection={!!macroPreview}
   {grider}
+  {display}
 />

packages/web/src/datagrid/TableDataGrid.svelte

@@ -58,8 +58,6 @@
 
   const childCache = writable(createGridCache());
 
-  // $: console.log('display', display);
-
   $: display =
     connection && $serverVersion
       ? new TableGridDisplay(

packages/web/src/datagrid/gridutil.ts

@@ -6,6 +6,8 @@ import Grider from './Grider';
 import { isJsonLikeLongString, safeJsonParse } from 'dbgate-tools';
 
 export function countColumnSizes(grider: Grider, columns, containerWidth, display: GridDisplay) {
+  // console.log('COUNT SIZES');
+
   const columnSizes = new SeriesSizes();
   if (!grider || !columns || !display) return columnSizes;