What JSON input does the JSON Table Viewer accept?

The tool accepts a JSON array of objects. Each element in the array becomes a table row, and the keys of the objects become column headers. Nested objects are automatically flattened using dot notation — for example, { "address": { "city": "London" } } produces a column named "address.city". Arrays inside objects are displayed as their JSON string representation.

How are columns determined when objects have different keys?

Columns are the union of all keys found across every object in the array. If a row is missing a key that other rows have, the corresponding cell is left empty. This means you can safely mix records with slightly different shapes and still get a complete, readable table.

How does the sort feature work?

Click any column header to sort the table by that column in ascending order. Click the same header again to switch to descending order. Sorting is purely client-side and never modifies your original JSON. A chevron icon next to the active column header shows the current sort direction.

How do I copy the table as CSV?

Click the "Copy as CSV" button below the table. It serialises the current sorted view — including the header row — to CSV format and copies it to your clipboard. You can then paste it directly into Excel, Google Sheets, or any text editor.

JSON ಟೇಬಲ್ ವೀಕ್ಷಕ

5 ಸಾಲುಗಳು

8 ಕಾಲಮ್‌ಗಳು

JSON ಇನ್‌ಪುಟ್

[
  {
    "id": 1,
    "name": "Alice Johnson",
    "email": "alice@example.com",
    "role": "admin",
    "address": {
      "city": "New York",
      "country": "US"
    },
    "age": 32,
    "active": true
  },
  {
    "id": 2,
    "name": "Bob Smith",
    "email": "bob@example.com",
    "role": "editor",
    "address": {
      "city": "London",
      "country": "GB"
    },
    "age": 28,
    "active": true
  },
  {
    "id": 3,
    "name": "Carol White",
    "email": "carol@example.com",
    "role": "viewer",
    "address": {
      "city": "Paris",
      "country": "FR"
    },
    "age": 35,
    "active": false
  },
  {
    "id": 4,
    "name": "David Lee",
    "email": "david@example.com",
    "role": "editor",
    "address": {
      "city": "Tokyo",
      "country": "JP"
    },
    "age": 41,
    "active": true
  },
  {
    "id": 5,
    "name": "Eva Martinez",
    "email": "eva@example.com",
    "role": "admin",
    "address": {
      "city": "Berlin",
      "country": "DE"
    },
    "age": 29,
    "active": false
  }
]

ಪಟ್ಟಿಕೆ (5 ಸಾಲುಗಳು, 8 ಕಾಲಮ್‌ಗಳು)

id	name	email	role	address.city	address.country	age	active
1	Alice Johnson	alice@example.com	admin	New York	US	32	true
2	Bob Smith	bob@example.com	editor	London	GB	28	true
3	Carol White	carol@example.com	viewer	Paris	FR	35	false
4	David Lee	david@example.com	editor	Tokyo	JP	41	true
5	Eva Martinez	eva@example.com	admin	Berlin	DE	29	false

ತಾಂತ್ರಿಕ ವಿವರಗಳು

JSON ನಿಂದ ಟೇಬಲ್ ಪರಿವರ್ತಕ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

ಈ ಸಾಧನ ಏನು ಮಾಡುತ್ತದೆ

JSON ನಿಂದ ಟೇಬಲ್ ಪರಿವರ್ತಕವು ಆಬ್ಜೆಕ್ಟ್‌ಗಳ JSON ಅರೆ ಅನ್ನು ಸೋರ್ಟಬಲ್, ಫಿಲ್ಟರಬಲ್ HTML ಟೇಬಲ್ ಆಗಿ ರೆಂಡರ್ ಮಾಡುತ್ತದೆ. ಇದು ಆಬ್ಜೆಕ್ಟ್ ಕೀಗಳಿಂದ ಕಾಲಮ್ ಹೆಡರ್‌ಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಹೊರತೆಗೆಯುತ್ತದೆ, ನೆಸ್ಟೆಡ್ ಆಬ್ಜೆಕ್ಟ್‌ಗಳನ್ನು ಡಾಟ್-ನೋಟೇಶನ್ ಕಾಲಮ್‌ಗಳಾಗಿ ಫ್ಲ್ಯಾಟನ್ ಮಾಡುತ್ತದೆ, ಮತ್ತು ಡೇಟಾವನ್ನು ಪರಿಚಿತ ಸ್ಪ್ರೆಡ್‌ಶೀಟ್-ಹೋಲುವ ವೀಕ್ಷಣದಲ್ಲಿ ಪ್ರದರ್ಶಿಸುತ್ತದೆ. ಇದರಿಂದ ಡೇಟಾಬೇಸ್ ಅಥವಾ ಸ್ಪ್ರೆಡ್‌ಶೀಟ್ ಅಪ್ಲಿಕೇಶನ್‌ಗೆ ಇಂಪೋರ್ಟ್ ಮಾಡದೇ ರಚಿತ JSON ಡೇಟಾವನ್ನು ದೃಶ್ಯವಾಗಿ ಸ್ಕ್ಯಾನ್, ಸೋರ್ಟ್, ಮತ್ತು ಹುಡುಕುವುದು ಸುಲಭವಾಗುತ್ತದೆ.

ಡೆವಲಪರ್‌ಗಳ ಸಾಮಾನ್ಯ ಬಳಕೆ ಪ್ರಕರಣಗಳು

ಡೆವಲಪರ್‌ಗಳು API ಪ್ರತಿಕ್ರಿಯೆಯ ಅರೆಗಳನ್ನು ತ್ವರಿತವಾಗಿ ದೃಶ್ಯೀಕರಿಸಲು, JSON ಆಗಿ ಎಕ್ಸ್‌ಪೋರ್ಟ್ ಮಾಡಿದ ಡೇಟಾಬೇಸ್ ಕ್ವೆರಿ ಫಲಿತಾಂಶಗಳನ್ನು ಪರಿಶೀಲಿಸಲು, ಅಥವಾ ಕಾನ್ಫಿಗರೇಶನ್ ಡೇಟಾವನ್ನು ವಿಮರ್ಶಿಸಲು ಈ ಸಾಧನವನ್ನು ಬಳಸುತ್ತಾರೆ. REST ಎಂಡ್‌ಪಾಯಿಂಟ್‌ಗಳಿಂದ ಮರಳುವ ದೊಡ್ಡ ಅರೆಗಳನ್ನು ಸ್ಕ್ಯಾನ್ ಮಾಡಲು, ದಾಖಲೆಗಳನ್ನು ಪಕ್ಕಪಕ್ಕವಾಗಿ ಹೋಲಿಸಲು, ಮತ್ತು ಡೇಟಾಸೆಟ್‌ಗಳಲ್ಲಿ ಕಾಣೆಯಾದ ಅಥವಾ ಅಸಾಮಾನ್ಯ ಮೌಲ್ಯಗಳನ್ನು ಗುರುತಿಸಲು ಇದು ವಿಶೇಷವಾಗಿ ಉಪಯುಕ್ತ. QA ಎಂಜಿನಿಯರ್‌ಗಳು ಸ್ಕ್ರಿಪ್ಟ್ ಬರೆಯದೇ ಬಲ್ಕ್ ಡೇಟಾ ಎಕ್ಸ್‌ಪೋರ್ಟ್‌ಗಳಲ್ಲಿ ನಿರೀಕ್ಷಿತ ಫೀಲ್ಡ್‌ಗಳು ಮತ್ತು ಮೌಲ್ಯಗಳು ಇರುವುದನ್ನು ಪರಿಶೀಲಿಸಲು ಇದನ್ನು ಬಳಸುತ್ತಾರೆ.

ಡೇಟಾ ಸ್ವರೂಪಗಳು, ಪ್ರಕಾರಗಳು, ಅಥವಾ ರೂಪಾಂತರಗಳು

ಈ ಸಾಧನವು ಆಬ್ಜೆಕ್ಟ್‌ಗಳ JSON ಅರೆ ಅನ್ನು ನಿರೀಕ್ಷಿಸುತ್ತದೆ; ಪ್ರತಿಯೊಂದು ಆಬ್ಜೆಕ್ಟ್ ಒಂದು ಸಾಲನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ. ವಿಭಿನ್ನ ಕೀಗಳನ್ನು ಹೊಂದಿರುವ ಆಬ್ಜೆಕ್ಟ್‌ಗಳನ್ನು ಎಲ್ಲಾ ಸಾಲುಗಳಲ್ಲಿನ ಎಲ್ಲಾ ಅನನ್ಯ ಕೀಗಳಿಗೆ ಕಾಲಮ್‌ಗಳನ್ನು ರಚಿಸುವ ಮೂಲಕ ನಿರ್ವಹಿಸಲಾಗುತ್ತದೆ; ಕೀ ಇಲ್ಲದಿದ್ದಲ್ಲಿ ಸೆಲ್ ಖಾಲಿಯಾಗಿರುತ್ತದೆ. ನೆಸ್ಟೆಡ್ ಆಬ್ಜೆಕ್ಟ್‌ಗಳನ್ನು ಡಾಟ್ ನೋಟೇಶನ್ ಬಳಸಿ ಫ್ಲ್ಯಾಟನ್ ಮಾಡಲಾಗುತ್ತದೆ (ಉದಾ., address.city ಒಂದು ಕಾಲಮ್ ಹೆಡರ್ ಆಗುತ್ತದೆ). ಮೌಲ್ಯಗಳೊಳಗಿನ ಅರೆಗಳನ್ನು ಕಾಮಾ-ಪ್ರತ್ಯೇಕಿತ ಸ್ಟ್ರಿಂಗ್‌ಗಳಾಗಿ ತೋರಿಸಲಾಗುತ್ತದೆ. ಆಬ್ಜೆಕ್ಟ್ ಅಂಶಗಳಿಲ್ಲದ ಪ್ರಿಮಿಟಿವ್ ಅರೆಗಳು ಟೇಬಲ್ ಇನ್‌ಪುಟ್ ಆಗಿ ಬೆಂಬಲಿತವಲ್ಲ.

ಸಾಮಾನ್ಯ ತಪ್ಪುಗಳು ಮತ್ತು ಎಡ್ಜ್ ಕೇಸ್‌ಗಳು

ಬಹಳ ಆಳವಾಗಿ ನೆಸ್ಟೆಡ್ ಆಬ್ಜೆಕ್ಟ್‌ಗಳು ಫ್ಲ್ಯಾಟನ್ ಮಾಡಿದಾಗ ಉದ್ದವಾದ ಮತ್ತು ಓದಲು ಕಷ್ಟವಾದ ಕಾಲಮ್ ಹೆಡರ್‌ಗಳನ್ನು ಉತ್ಪಾದಿಸುತ್ತವೆ. ಮಿಶ್ರ ಪ್ರಕಾರಗಳನ್ನು ಹೊಂದಿರುವ ಅರೆಗಳು (ಕೆಲವು ಅಂಶಗಳು ಆಬ್ಜೆಕ್ಟ್‌ಗಳು, ಇತರವು ಪ್ರಿಮಿಟಿವ್‌ಗಳು) ಅನಿರೀಕ್ಷಿತ ಕಾಲಮ್ ಲೇಔಟ್‌ಗಳನ್ನು ಉಂಟುಮಾಡಬಹುದು. ಸಾವಿರಾರು ಸಾಲುಗಳ ದೊಡ್ಡ ಡೇಟಾಸೆಟ್‌ಗಳು ಬ್ರೌಸರ್ ರೆಂಡರಿಂಗ್ ಅನ್ನು ನಿಧಾನಗೊಳಿಸಬಹುದು — ಇಂತಹ ಸಂದರ್ಭಗಳಲ್ಲಿ ಪೇಸ್ಟ್ ಮಾಡುವ ಮೊದಲು ಡೇಟಾವನ್ನು ಪೇಜಿನೇಟ್ ಮಾಡುವುದನ್ನು ಪರಿಗಣಿಸಿ. ಕೇಸ್‌ನಲ್ಲಿ ಮಾತ್ರ ಭಿನ್ನವಾಗಿರುವ ಕೀಗಳನ್ನು ಹೊಂದಿರುವ ಆಬ್ಜೆಕ್ಟ್‌ಗಳು (ಉದಾ., 'Name' ವಿರುದ್ಧ 'name') ಪ್ರತ್ಯೇಕ ಕಾಲಮ್‌ಗಳನ್ನು ರಚಿಸುತ್ತವೆ; ಇದು ಬಳಕೆದಾರರನ್ನು ಗೊಂದಲಕ್ಕೆ ಒಳಪಡಿಸಬಹುದು.

ಕೋಡ್‌ಗಿಂತ ಈ ಸಾಧನವನ್ನು ಯಾವಾಗ ಬಳಸಬೇಕು

ಡೆವಲಪ್ಮೆಂಟ್ ಮತ್ತು ಡಿಬಗ್ಗಿಂಗ್ ಸಮಯದಲ್ಲಿ JSON ಅರೆಗಳ ತ್ವರಿತ ದೃಶ್ಯ ಪರಿಶೀಲನೆಗಾಗಿ ಈ ಬ್ರೌಸರ್ ಸಾಧನವನ್ನು ಬಳಸಿ. ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಪ್ರೋಗ್ರಾಮ್ಯಾಟಿಕ್ ಟೇಬಲ್ ರೆಂಡರಿಂಗ್‌ಗೆ ag-Grid, TanStack Table, ಅಥವಾ pandas DataFrame display ನಂತಹ ಲೈಬ್ರರಿಗಳನ್ನು ಬಳಸಿ. ದೊಡ್ಡ ಪ್ರಮಾಣದ ಡೇಟಾ ಅನ್ವೇಷಣೆಗೆ DuckDB ಅಥವಾ jq ಅನ್ನು ಕಾಲಮ್-ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಉಪಯುಕ್ತತೆಗಳೊಂದಿಗೆ ಸಂಯೋಜಿಸಿದ ಸಾಧನಗಳು, ಬ್ರೌಸರ್ ಟ್ಯಾಬ್‌ನಲ್ಲಿ ಅಪ್ರಾಯೋಗಿಕವಾಗಿರುವ ಲಕ್ಷಾಂತರ ದಾಖಲೆಗಳನ್ನು ನಿರ್ವಹಿಸುತ್ತವೆ.