data grid - handle edge cases (error, structure not loaded)

packages/web/src/datagrid/DataGridCore.svelte

@@ -243,6 +243,7 @@
   import { clearLastFocusedFormView } from '../formview/FormView.svelte';
   import openReferenceForm, { openPrimaryKeyForm } from '../formview/openReferenceForm';
   import openNewTab from '../utility/openNewTab';
+  import ErrorInfo from '../elements/ErrorInfo.svelte';
 
   export let onLoadNextData = undefined;
   export let grider = undefined;
@@ -261,6 +262,7 @@
   export let onOpenQuery = null;
   export let onOpenActiveChart = null;
   export let formViewAvailable = false;
+  export let errorMessage = undefined;
 
   export let isLoadedAll;
   export let loadedTime;
@@ -1002,6 +1004,17 @@
   }
 </script>
 
+{#if !columns || columns.length == 0}
+  <LoadingInfo wrapper message="Waiting for structure" />
+{:else if errorMessage}
+  <ErrorInfo message={errorMessage} />
+{:else if grider.errors && grider.errors.length > 0}
+  <div>
+    {#each grider.errors as err}
+      <ErrorInfo message={err} key={index} isSmall />
+    {/each}
+  </div>
+{:else}
   <div
     class="container"
     bind:clientWidth={containerWidth}
@@ -1138,6 +1151,7 @@
       <LoadingInfo wrapper message="Loading data" />
     {/if}
   </div>
+{/if}
 
 <style>
   .container {

packages/web/src/datagrid/LoadingDataGridCore.svelte

@@ -114,6 +114,7 @@
   bind:this={domGrid}
   {...$$props}
   onLoadNextData={handleLoadNextData}
+  {errorMessage}
   {grider}
   {isLoading}
   {allRowCount}