diff --git a/src/sql/base/browser/ui/table/formatters.ts b/src/sql/base/browser/ui/table/formatters.ts index 679fe77fbe..5575660e15 100644 --- a/src/sql/base/browser/ui/table/formatters.ts +++ b/src/sql/base/browser/ui/table/formatters.ts @@ -89,6 +89,7 @@ export function textFormatter(row: number | undefined, cell: any | undefined, va let cellClasses = 'grid-cell-value-container'; let valueToDisplay = ''; let titleValue = ''; + let cellStyle = ''; if (DBCellValue.isDBCellValue(value)) { valueToDisplay = 'NULL'; @@ -102,6 +103,9 @@ export function textFormatter(row: number | undefined, cell: any | undefined, va } else if (typeof value === 'string' || (value && value.text)) { if (value.text) { valueToDisplay = value.text; + if (value.style) { + cellStyle = value.style; + } } else { valueToDisplay = value; } @@ -109,7 +113,7 @@ export function textFormatter(row: number | undefined, cell: any | undefined, va titleValue = valueToDisplay; } - return `${valueToDisplay}`; + return `${valueToDisplay}`; } diff --git a/src/sql/workbench/contrib/executionPlan/browser/executionPlanPropertiesView.ts b/src/sql/workbench/contrib/executionPlan/browser/executionPlanPropertiesView.ts index cc44df0011..bd7a36c526 100644 --- a/src/sql/workbench/contrib/executionPlan/browser/executionPlanPropertiesView.ts +++ b/src/sql/workbench/contrib/executionPlan/browser/executionPlanPropertiesView.ts @@ -126,13 +126,23 @@ export class ExecutionPlanPropertiesView extends ExecutionPlanPropertiesViewBase break; } + const parentRowCellStyling = 'font-weight: bold'; + props.forEach((p, i) => { let row = {}; rows.push(row); row['name'] = ' '.repeat(indent) + p.name; row['parent'] = parentIndex; if (!isString(p.value)) { - row['value'] = removeLineBreaks(p.displayValue, ' '); + // Styling values in the parent row differently to make them more apparent and standout compared to the rest of the cells. + row['name'] = { + text: row['name'], + style: parentRowCellStyling + }; + row['value'] = { + text: removeLineBreaks(p.displayValue, ' '), + style: parentRowCellStyling + }; this.convertModelToTableRows(p.value, rows.length - 1, indent + 2, rows); } else { row['value'] = removeLineBreaks(p.value, ' ');