feat(dashboard): show dataset column labels in View as table

[VanessaGiannoni]

SUMMARY

This feature updates the “View as table” option in dashboard chart overflow menus to display dataset column labels (verbose names) when available, instead of raw column names.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

BEFORE

AFTER

TESTING INSTRUCTIONS

1. Open your browser and log in to Superset.
2. Go to a dashboard with a chart that uses a dataset with column labels (verbose names).
   a. You can check/edit column labels in Data > Datasets > [Your Dataset] > Edit columns.
3. On the dashboard, open the chart’s overflow menu (three dots).
4. Click “View as table”.
5. Check the table headers:
   Expected: Headers should show the dataset’s column labels (verbose names) if defined, otherwise the raw column name.
   Temporal columns: Should also show the label and still allow formatting.
6. Run frontend tests to ensure coverage:

npm run test -- src/explore/components/DataTableControl/useTableColumns.test.ts

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags:
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[bito-code-review]

Code Review Agent Run #fa870e

Actionable Suggestions - 0

Review Details

• Files reviewed - 7 · Commit Range: 838cc6f..b4ec2a8

  • superset-frontend/src/dashboard/components/SliceHeaderControls/index.tsx
  • superset-frontend/src/explore/components/DataTableControl/index.tsx
  • superset-frontend/src/explore/components/DataTableControl/useTableColumns.test.ts
  • superset-frontend/src/explore/components/DataTablesPane/components/ResultsPaneOnDashboard.tsx
  • superset-frontend/src/explore/components/DataTablesPane/components/SingleQueryResultPane.tsx
  • superset-frontend/src/explore/components/DataTablesPane/components/useResultsPane.tsx
  • superset-frontend/src/explore/components/DataTablesPane/types.ts
• Files skipped - 0
• Tools

  • Whispers (Secret Scanner) - ✔︎ Successful
  • Detect-secrets (Secret Scanner) - ✔︎ Successful
  • Eslint (Linter) - ✔︎ Successful

---

Bito Usage Guide

Commands

Type the following command in the pull request comment and save the comment.

• /review - Manually triggers a full AI review.

• /pause - Pauses automatic reviews on this pull request.

• /resume - Resumes automatic reviews.

• /resolve - Marks all Bito-posted review comments as resolved.

• /abort - Cancels all in-progress reviews.

Refer to the documentation for additional commands.

Configuration

This repository uses Superset You can customize the agent settings here or contact your Bito workspace admin at evan@preset.io.

Documentation & Help

• Customize agent settings
• Review rules
• General documentation
• FAQ

AI Code Review powered by

[rebenitez1802]

LGTM

[geido]

LGTM