You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/customization/editor-settings.mdx
+1-4Lines changed: 1 addition & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -207,10 +207,7 @@ Autocomplete is always on. Dismiss with `Escape`. See [Autocomplete](/features/a
207
207
|---------|---------|---------|
208
208
| Default view | Text, Tree | Text |
209
209
210
-
Controls which mode the JSON viewer opens in by default. You can always toggle between modes using the segmented control in the viewer toolbar. The last-used mode is remembered.
211
-
212
-
-**Text**: syntax-highlighted JSON with brace matching and a format button
213
-
-**Tree**: hierarchical tree with disclosure triangles, search filtering, expand/collapse all, and right-click to copy value or key path
210
+
Pick which mode the JSON viewer starts in. You can switch anytime with the toggle in the viewer. Your last choice is remembered.
Copy file name to clipboardExpand all lines: docs/features/data-grid.mdx
+4-12Lines changed: 4 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -191,19 +191,11 @@ If ENUM/SET metadata is unavailable (e.g., from a complex query), the cell falls
191
191
192
192
### JSON Viewer
193
193
194
-
JSON/JSONB cells open a dedicated viewer with two modes:
194
+
Double-click a JSON cell to open the viewer. Switch between **Text** and **Tree**modes with the toggle at the top.
195
195
196
-
-**Text mode**: syntax-highlighted JSON with brace matching. Auto-formatted on open. Click the format button to re-indent after edits.
197
-
-**Tree mode**: hierarchical tree with expand/collapse disclosure triangles. Each node shows the key name, value preview, and type badge. Right-click a node to copy its value or key path (e.g., `$.users[0].email`).
196
+
Text mode shows syntax-highlighted JSON with brace matching. Tree mode shows a collapsible outline you can search, expand/collapse all, and right-click to copy values or key paths like `$.users[0].email`.
198
197
199
-
Toggle between modes with the segmented control at the top. Your preferred mode is saved in **Settings > Editor > JSON Viewer**.
200
-
201
-
Tree mode features:
202
-
-**Search**: filter nodes by key or value
203
-
-**Expand/Collapse All**: toolbar buttons to open or close the entire tree
204
-
-**Copy Key Path**: right-click any node to copy its JSON path
205
-
206
-
Invalid JSON still opens in text mode for editing. Values are compacted on save.
198
+
Values are compacted on save. Invalid JSON falls back to text mode.
207
199
208
200
{/* Screenshot: JSON editor with validation */}
209
201
<Framecaption="JSON viewer with Text/Tree toggle">
@@ -297,7 +289,7 @@ When a row is selected, the inspector shows all column values with full content:
297
289
298
290
- Search columns by name
299
291
- TEXT/VARCHAR columns get a multi-line editor
300
-
- JSON/JSONB columns show a compact preview. Click the expand button to open a full-height JSON viewer with Text/Tree toggle, search, and expand/collapse
292
+
- JSON/JSONB columns show a compact preview with an expand button for the full JSON viewer
0 commit comments