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

@@ -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 <Slick.Column<any>>{

src/sql/parts/modelComponents/table.css

@@ -7,3 +7,8 @@
 {
 	text-align: center;
 }
+
+.align-with-header
+{
+	padding-left:3px !important;
+}

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 {