From 327a5f5faebf83d186ffe8a1cc1b647972ffaedd Mon Sep 17 00:00:00 2001 From: kisantia <31145923+kisantia@users.noreply.github.com> Date: Wed, 6 Feb 2019 11:46:24 -0800 Subject: [PATCH] Add tooltip for table column headers and align header and cell (#3909) * Adding tooltip and lining up header and cell * moving padding to separate css class --- src/sql/parts/modelComponents/table.component.ts | 3 ++- src/sql/parts/modelComponents/table.css | 5 +++++ src/sql/sqlops.proposed.d.ts | 1 + 3 files changed, 8 insertions(+), 1 deletion(-) diff --git a/src/sql/parts/modelComponents/table.component.ts b/src/sql/parts/modelComponents/table.component.ts index 31b514f503..854aaa8548 100644 --- a/src/sql/parts/modelComponents/table.component.ts +++ b/src/sql/parts/modelComponents/table.component.ts @@ -57,7 +57,8 @@ export default class TableComponent extends ComponentBase implements IComponent, id: col.value, field: col.value, width: col.width, - cssClass: col.cssClass + cssClass: col.cssClass, + toolTip: col.toolTip }; } else { return >{ diff --git a/src/sql/parts/modelComponents/table.css b/src/sql/parts/modelComponents/table.css index 43bb8908d4..58321ba2b4 100644 --- a/src/sql/parts/modelComponents/table.css +++ b/src/sql/parts/modelComponents/table.css @@ -6,4 +6,9 @@ .center-align { text-align: center; +} + +.align-with-header +{ + padding-left:3px !important; } \ No newline at end of file diff --git a/src/sql/sqlops.proposed.d.ts b/src/sql/sqlops.proposed.d.ts index faef832bf2..ae980991e3 100644 --- a/src/sql/sqlops.proposed.d.ts +++ b/src/sql/sqlops.proposed.d.ts @@ -499,6 +499,7 @@ declare module 'sqlops' { value: string; width?: number; cssClass?: string; + toolTip?: string; } export interface TableComponentProperties extends ComponentProperties {