Interactive table-based JSON editor and viewer with sidebar navigation and real-time synchronization
The sidebar shows your JSON data in a tree structure. Click on any node to select it, and the main table area will display that node's data in the most appropriate table format - objects as key-value tables, arrays as row-based tables, and primitive values with detailed information.
The table editor supports objects (displayed as key-value pairs), arrays (displayed as rows and columns), and primitive values (strings, numbers, booleans, null). Complex nested structures are supported with expandable rows and inline editing capabilities.
Yes! Click on any cell to edit values inline. For objects and arrays, you can add, delete, and modify entries. Changes are immediately reflected in both the table view and the sidebar navigation. The editor supports type validation and JSON formatting.
The table components include built-in filtering, sorting, and search capabilities. Use the toolbar to filter by specific criteria, sort columns, or search across all data. Tables are virtualized for performance with large datasets.
Absolutely! Use the 'Load Sample Data' button to choose from pre-built examples, or paste your own JSON data using the JSON input area. The editor will automatically detect the data structure and display it in the most appropriate table format.