table component improvement (#13801)

* hyperlink column

* fixed width for image only button - old behavior
This commit is contained in:
Alan Ren
2020-12-14 20:28:43 -08:00
committed by GitHub
parent 1f630b9767
commit ae6494f3e4
25 changed files with 605 additions and 788 deletions

View File

@@ -84,12 +84,11 @@ export class InstalledPackagesTab {
value: localize('managePackages.newPkgVersionColumn', "Version"),
type: azdata.ColumnType.text
},
<azdata.ButtonColumn>
{
value: localize('managePackages.deleteColumn', "Delete"),
type: azdata.ColumnType.button,
options: {
icon: IconPathHelper.delete
}
icon: IconPathHelper.delete
}
],
data: [[]],
@@ -227,7 +226,7 @@ export class InstalledPackagesTab {
let packageCount: number;
if (pythonPackages) {
packageCount = pythonPackages.length;
packageData = pythonPackages.map(pkg => [pkg.name, pkg.version]);
packageData = pythonPackages.map(pkg => [pkg.name, pkg.version, undefined]);
} else {
packageCount = 0;
}

View File

@@ -185,10 +185,11 @@ export class SchemaCompareOptionsDialog {
await this.optionsTable.updateProperties({
data: data,
columns: [
<azdata.CheckboxColumn>
{
value: 'Include',
type: azdata.ColumnType.checkBox,
options: { actionOnCheckbox: azdata.ActionOnCellCheckboxCheck.customAction },
action: azdata.ActionOnCellCheckboxCheck.customAction,
headerCssClass: 'display-none',
cssClass: 'no-borders align-with-header',
width: 50
@@ -209,10 +210,11 @@ export class SchemaCompareOptionsDialog {
await this.objectsTable.updateProperties({
data: data,
columns: [
<azdata.CheckboxColumn>
{
value: 'Include',
type: azdata.ColumnType.checkBox,
options: { actionOnCheckbox: azdata.ActionOnCellCheckboxCheck.customAction },
action: azdata.ActionOnCellCheckboxCheck.customAction,
headerCssClass: 'display-none',
cssClass: 'no-borders align-with-header',
width: 50

View File

@@ -305,12 +305,13 @@ export class SchemaCompareMainWindow {
cssClass: 'align-with-header',
width: 90
},
<azdata.CheckboxColumn>
{
value: loc.include,
cssClass: 'align-with-header',
width: 60,
type: azdata.ColumnType.checkBox,
options: { actionOnCheckbox: azdata.ActionOnCellCheckboxCheck.customAction }
action: azdata.ActionOnCellCheckboxCheck.customAction
},
{
value: loc.action,

View File

@@ -46,14 +46,14 @@ export class AssessmentResultGrid implements vscode.Disposable {
dark: extensionContext.asAbsolutePath('resources/dark/database.svg'),
light: extensionContext.asAbsolutePath('resources/light/database.svg')
},
ariaLabel: localize('databaseIconLabel', "Database Icon")
title: localize('databaseIconLabel', "Database")
},
[azdata.sqlAssessment.SqlAssessmentTargetType.Server]: {
icon: {
dark: extensionContext.asAbsolutePath('resources/dark/server.svg'),
light: extensionContext.asAbsolutePath('resources/light/server.svg')
},
ariaLabel: localize('serverIconLabel', "Server Icon")
title: localize('serverIconLabel', "Server")
}
};