Skip to content

feat(datasets): add column data-type badges and sorting to ParquetViewer - #1547

Open
sabhi128 wants to merge 2 commits into
OpenCSGs:mainfrom
sabhi128:feat-parquet-viewer-enhancements
Open

feat(datasets): add column data-type badges and sorting to ParquetViewer#1547
sabhi128 wants to merge 2 commits into
OpenCSGs:mainfrom
sabhi128:feat-parquet-viewer-enhancements

Conversation

@sabhi128

@sabhi128 sabhi128 commented Sep 5, 2026

Copy link
Copy Markdown
Contributor

Summary of Changes

This PR enhances the dataset preview experience in ParquetViewer.vue by exposing column data types and enabling interactive sorting.

Key Enhancements:

  1. Column Data-Type Badges:
    • Parses the existing columns_type array from the dataset preview API response.
    • Renders compact badges (e.g., str, int64, float, list, dict) alongside column headers.
  2. Column Sorting:
    • Enables sortable on table columns, allowing users to sort dataset rows directly in the browser.
  3. Test Coverage:
    • Added unit test coverage in ParquetViewer.spec.js asserting proper rendering of column names and their respective data-type badges.

Copilot AI lite review requested due to automatic review settings September 5, 2026 14:27

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟡 Changes recommended

Default client-side sorting will sort numeric columns lexicographically due to stringified cell values, producing incorrect ordering for multi-digit numbers.

Once you've addressed the issues Copilot identified, you can request another Copilot review.

Pull request overview

This PR improves the dataset preview table in ParquetViewer.vue by displaying each column’s data type alongside the header and enabling client-side sorting on columns.

Changes:

  • Render compact data-type badges in the table header using columns_type from the preview API response.
  • Enable column sorting on the Element Plus table.
  • Add a unit test asserting column header + type-badge rendering.
File summaries
File Description
frontend/src/components/datasets/ParquetViewer.vue Adds header rendering for type badges and enables sorting on table columns.
frontend/src/components/tests/datasets/ParquetViewer.spec.js Adds a unit test covering column header/type badge rendering.
Review details
  • Files reviewed: 2/2 changed files
  • Comments generated: 3
  • Review effort level: Lite

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread frontend/src/components/datasets/ParquetViewer.vue
Comment thread frontend/src/components/__tests__/datasets/ParquetViewer.spec.js
Comment thread frontend/src/components/__tests__/datasets/ParquetViewer.spec.js
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants