Add optional title to tables (#6740)

* Add optional title to tables

* addressing comments

extensions/dacpac/src/wizard/pages/dacFxSummaryPage.ts

@@ -32,7 +32,9 @@ export class DacFxSummaryPage extends BasePage {
 	}
 
 	async start(): Promise<boolean> {
-		this.table = this.view.modelBuilder.table().component();
+		this.table = this.view.modelBuilder.table().withProperties({
+			title: localize('dacfx.summaryTableTitle', 'Summary of settings')
+		}).component();
 		this.loader = this.view.modelBuilder.loadingComponent().withItem(this.table).component();
 		this.form = this.view.modelBuilder.formContainer().withFormItems(
 			[

src/sql/azdata.d.ts

@@ -3239,6 +3239,7 @@ declare module 'azdata' {
 		fontSize?: number | string;
 		selectedRows?: number[];
 		forceFitColumns?: ColumnSizingMode;
+		title?: string;
 	}
 
 	export interface FileBrowserTreeProperties extends ComponentProperties {

src/sql/base/browser/ui/table/table.ts

@@ -339,4 +339,8 @@ export class Table<T extends Slick.SlickData> extends Widget implements IDisposa
 		this._grid.setOptions(newOptions);
 		this._grid.invalidate();
 	}
+
+	public setTableTitle(title: string): void {
+		this._tableContainer.title = title;
+	}
 }

src/sql/workbench/api/common/extHostModelView.ts

@@ -1133,6 +1133,13 @@ class TableComponentWrapper extends ComponentWrapper implements azdata.TableComp
 		this.setProperty('forceFitColumns', v);
 	}
 
+	public get title(): string {
+		return this.properties['title'];
+	}
+	public set title(v: string) {
+		this.setProperty('title', v);
+	}
+
 	public get onRowSelected(): vscode.Event<any> {
 		let emitter = this._emitterMap.get(ComponentEventType.onSelectedRowChanged);
 		return emitter && emitter.event;

src/sql/workbench/browser/modelComponents/table.component.ts

@@ -208,6 +208,7 @@ export default class TableComponent extends ComponentBase implements IComponent,
 		this._tableColumns = this.transformColumns(this.columns);
 		this._table.columns = this._tableColumns;
 		this._table.setData(this._tableData);
+		this._table.setTableTitle(this.title);
 		if (this.selectedRows) {
 			this._table.setSelectedRows(this.selectedRows);
 		}
@@ -286,4 +287,8 @@ export default class TableComponent extends ComponentBase implements IComponent,
 	public get forceFitColumns() {
 		return this.getPropertyOrDefault<azdata.TableComponentProperties, ColumnSizingMode>((props) => props.forceFitColumns, ColumnSizingMode.ForceFit);
 	}
+
+	public get title() {
+		return this.getPropertyOrDefault<azdata.TableComponentProperties, string>((props) => props.title, '');
+	}
 }