From daea6d0fe86f25c0b550774c3d5f7ac5923d626e Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 10 Feb 2022 10:34:11 +0100
Subject: [PATCH] array json in datagrid

---
 packages/web/src/datagrid/DataGridCell.svelte | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/datagrid/DataGridCell.svelte b/packages/web/src/datagrid/DataGridCell.svelte
index 8b08391e4..eb3f6b0cc 100644
--- a/packages/web/src/datagrid/DataGridCell.svelte
+++ b/packages/web/src/datagrid/DataGridCell.svelte
@@ -34,7 +34,7 @@
 </script>
 
 <script lang="ts">
-  import _ from 'lodash';
+  import _, { join } from 'lodash';
   import ShowFormButton from '../formview/ShowFormButton.svelte';
   import { getBoolSettingsValue } from '../settings/settingsTools';
   import { arrayToHexString, isJsonLikeLongString, safeJsonParse } from 'dbgate-tools';
@@ -134,11 +134,13 @@
   {:else if _.isPlainObject(value)}
     <span class="null" title={JSON.stringify(value, undefined, 2)}>(JSON)</span>
   {:else if _.isArray(value)}
-    <span class="null">[{value.length} items]</span>
+    <span class="null" title={value.map(x => JSON.stringify(x)).join('\n')}>[{value.length} items]</span>
   {:else if _.isPlainObject(jsonParsedValue)}
     <span class="null" title={JSON.stringify(jsonParsedValue, undefined, 2)}>(JSON)</span>
   {:else if _.isArray(jsonParsedValue)}
-    <span class="null">[{jsonParsedValue.length} items]</span>
+    <span class="null" title={jsonParsedValue.map(x => JSON.stringify(x)).join('\n')}
+      >[{jsonParsedValue.length} items]</span
+    >
   {:else}
     {value.toString()}
   {/if}