custom data grid support

packages/web/src/datagrid/DataGrid.svelte

@@ -89,6 +89,7 @@
   export let onRunMacro;
   export let hasMultiColumnFilter = false;
   export let setLoadedRows = null;
+  export let hideGridLeftColumn = false;
 
   let loadedRows;
 
@@ -162,7 +163,7 @@
 <HorizontalSplitter
   initialValue={getInitialManagerSize()}
   bind:size={managerSize}
-  hideFirst={$collapsedLeftColumnStore}
+  hideFirst={hideGridLeftColumn || $collapsedLeftColumnStore}
 >
   <div class="left" slot="1">
     <WidgetColumnBar>

packages/web/src/datagrid/DataGridCore.svelte

@@ -421,6 +421,7 @@
   export let schemaName = undefined;
   export let allowDefineVirtualReferences = false;
   export let formatterFunction;
+  export let hideGridLeftColumn;
 
   export let isLoadedAll;
   export let loadedTime;
@@ -1816,10 +1817,12 @@
             data-col="header"
             style={`width:${headerColWidth}px; min-width:${headerColWidth}px; max-width:${headerColWidth}px`}
           >
-            <CollapseButton
-              collapsed={$collapsedLeftColumnStore}
-              on:click={() => collapsedLeftColumnStore.update(x => !x)}
-            />
+            {#if !hideGridLeftColumn}
+              <CollapseButton
+                collapsed={$collapsedLeftColumnStore}
+                on:click={() => collapsedLeftColumnStore.update(x => !x)}
+              />
+            {/if}
           </td>
           {#each visibleRealColumns as col (col.uniqueName)}
             <td