[GH-ISSUE #5446] [feature]: Table view response viewer #2092

Open
opened 2026-03-16 23:10:43 +03:00 by kerem · 3 comments
Owner

Originally created by @dhruvnnd on GitHub (Oct 4, 2025).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/5446

Is there an existing issue for this?

  • I have searched the existing issues

Summary

Add a table-based response viewer to Hoppscotch, similar to Postman’s Preview tab, that provides a clean, structured, and readable display for JSON and array responses.

Why should this be worked on?

Proposed Solution

Introduce a new tab in the response viewer called “Table View” which:

  • Automatically detects array-based JSON responses (e.g., [ { id: 1, name: "John" }, ... ]).
  • Displays them in a scrollable, sortable table.
  • Allows:
    • Column sorting
    • Basic search/filter
    • Copy/export options (CSV/JSON)
  • Falls back gracefully for non-tabular responses.

Implementation Idea

  • Use a lightweight table library such as TanStack Table to display the table.
  • Could be integrated into Hoppscotch’s existing response renderer.
  • Add a “Table” button toggle in the response type selector.

Benefits

  • Improves data readability.
  • Bridges the gap between developer and non-developer API testing use.
  • Makes Hoppscotch even more competitive with Postman and Insomnia.

While Hoppscotch’s raw and formatted JSON viewers are great for developers, they can be hard to interpret when the API returns tabular or array-based data (e.g., lists of users, products, or transactions).

A table view would make it easier to visually inspect structured data, understand relationships, and quickly verify responses during debugging.

Originally created by @dhruvnnd on GitHub (Oct 4, 2025). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/5446 ### Is there an existing issue for this? - [x] I have searched the existing issues ### Summary Add a table-based response viewer to Hoppscotch, similar to Postman’s Preview tab, that provides a clean, structured, and readable display for JSON and array responses. ### Why should this be worked on? ### Proposed Solution Introduce a new tab in the response viewer called “Table View” which: - Automatically detects array-based JSON responses (e.g., `[ { id: 1, name: "John" }, ... ]`). - Displays them in a scrollable, sortable table. - Allows: - Column sorting - Basic search/filter - Copy/export options (CSV/JSON) - Falls back gracefully for non-tabular responses. ### Implementation Idea - Use a lightweight table library such as TanStack Table to display the table. - Could be integrated into Hoppscotch’s existing response renderer. - Add a “Table” button toggle in the response type selector. ### Benefits - Improves data readability. - Bridges the gap between developer and non-developer API testing use. - Makes Hoppscotch even more competitive with Postman and Insomnia. While Hoppscotch’s raw and formatted JSON viewers are great for developers, they can be hard to interpret when the API returns tabular or array-based data (e.g., lists of users, products, or transactions). A table view would make it easier to visually inspect structured data, understand relationships, and quickly verify responses during debugging.
Author
Owner

@junaiddshaukat commented on GitHub (Oct 5, 2025):

Hi, I would love to work on this.
Can you assign it to me?

<!-- gh-comment-id:3368740561 --> @junaiddshaukat commented on GitHub (Oct 5, 2025): Hi, I would love to work on this. Can you assign it to me?
Author
Owner

@techieadi4703 commented on GitHub (Oct 6, 2025):

@dhruvnnd @junaiddshaukat @abraham @silentmatt I'm interested in this issue can you assign me this issue to me.

<!-- gh-comment-id:3371063177 --> @techieadi4703 commented on GitHub (Oct 6, 2025): @dhruvnnd @junaiddshaukat @abraham @silentmatt I'm interested in this issue can you assign me this issue to me.
Author
Owner

@liyasthomas commented on GitHub (Oct 6, 2025):

Hey community, this feature sounds like a fantastic addition to Hoppscotch. We’d be grateful if you could contribute to it. @junaiddshaukat and @techieadi4703 can give it a try, but since we have multiple interests at once, please describe your plan, process, and any other relevant information that would provide more context. For example, are you planning to build a JSON to table component, or will you rely on a library?

<!-- gh-comment-id:3371227516 --> @liyasthomas commented on GitHub (Oct 6, 2025): Hey community, this feature sounds like a fantastic addition to Hoppscotch. We’d be grateful if you could contribute to it. @junaiddshaukat and @techieadi4703 can give it a try, but since we have multiple interests at once, please describe your plan, process, and any other relevant information that would provide more context. For example, are you planning to build a JSON to table component, or will you rely on a library?
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/hoppscotch#2092
No description provided.