microsoft / microsoft/vscode-mssql

[Feature Request]: Color-Code Result Grid Columns by Source Table in JOIN Queries

Open
#22,283 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Area - Query Result Enhancement User-filed
Dominant language
TypeScript
Stars
1.9k
Forks
610
Avg merge
2d 3h
Merged PRs (30d)
97

Description

Feature Description

Feature Request: Color-Code Result Grid Columns by Source Table in JOIN Queries

Repository: microsoft/vscode-mssql


Problem Statement

When executing a SQL query that JOINs multiple tables, the results grid displays all columns in a uniform style with no visual distinction between which columns belong to which source table. This makes it difficult to quickly scan and interpret results, especially when:

  • Multiple tables share similar column names
  • The result set contains 10+ columns from 3+ tables
  • Columns are not aliased with table prefixes
Proposed Solution

Automatically color-code (highlight) columns in the results grid based on their source table when a JOIN query is executed.

Example behavior:

  • Columns from Employees → light blue header
  • Columns from Departments → light green header
  • Columns from Salaries → light orange header

The color assignment could be:

  1. Automatic — assigned from a preset accessible palette, cycling through tables in JOIN order
  2. Theme-aware — respects VS Code light/dark/high-contrast themes
  3. Optional — togglable via a setting like mssql.resultGrid.colorizeByTable: true/false
Expected Behavior
SELECT e.EmployeeID, e.Name, d.DepartmentName, s.Salary
FROM Employees e
JOIN Departments d ON e.DepartmentID = d.DepartmentID
JOIN Salaries s ON e.EmployeeID = s.EmployeeID

Result grid columns EmployeeID, Name → colored with palette color #1
Result grid columns DepartmentName → colored with palette color #2
Result grid columns Salary → colored with palette color #3

Additional Ideas
  • Show a legend below/above the grid mapping color → table name
  • On hover of a column header, show a tooltip like Source: Employees (e)
  • Allow users to customize colors per table in settings
Why This Is Valuable

This is a common pain point when doing exploratory data analysis or debugging JOIN queries. Tools like Excel and some BI tools offer column grouping/coloring — bringing this to the mssql results grid would significantly improve readability and productivity for SQL developers.

Environment
  • Extension: ms-mssql.mssql
  • VS Code Version: -
  • OS: -

👍 If you agree this would be useful, please upvote this issue!

Problem and Motivation

When a JOIN returns 20–30+ columns, your eyes have to hunt to find which column belongs to which table. Color coding lets you instantly group them visually without reading every header name.

Related Area
  • Connection dialog (SQL Server | Azure browse/Fabric browse)
  • Query editor
  • Query results panel
  • Object Explorer
  • GitHub Copilot integration
  • Preview/Edit data
  • Table Designer
  • Schema Designer
  • Schema Compare
  • Local SQL Server Container provisioning
  • SQL database in Fabric provisioning
  • DACPAC/BACPAC export/import
  • SQL Database projects
  • Query Plan Visualizer
  • Other (please describe below)
If you selected "Other", please describe the area

No response

Confirmation
  • I have searched existing feature requests and couldn't find a match
  • I want to help implement this feature

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start in the Query results panel area and determine how JOIN result columns expose their source-table information. Review the requested palette, theme-aware behavior, optional setting, legend, and hover tooltip as design requirements; done means the agreed scope is implemented and verified for the example multi-table JOIN.

Written by the indexing model from the issue text.

Assessment

Tech stack
sql, typescript, vscode
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.