slick-table 1.1.79 → 1.1.81

package/dist/types/shared/lib/slickgrid/model/SlickTable/printer/DefaultPrinter.d.ts

@@ -1,20 +1,21 @@
 import { SlickGrid } from 'slickgrid';
-import { IColumn, IPrinter, ISlickTable } from '../../../../../model/types';
+import { IColumn, IPrinter, ISlickTable, IHtmlDocElements } from '../../../../../model/types';
 export declare class DefaultPrinter implements IPrinter {
     clientId: number;
     clientName: string;
     cssStyles: string;
     getClientName(): HTMLTableRowElement;
-    columnNames(table: ISlickTable): HTMLTableRowElement;
+    getHtmlTemplate(args: IHtmlDocElements): string;
+    columnNames(table: ISlickTable): HTMLTableSectionElement;
     tableNameAndTime(table: ISlickTable): HTMLTableRowElement;
-    createStyleElement(): HTMLStyleElement;
     createTableElement(table: ISlickTable): HTMLTableElement;
     createTbody(table: ISlickTable): HTMLTableSectionElement;
     filters(table: ISlickTable): HTMLTableRowElement[];
     /** for tables with total calculations */
     totals(_table: ISlickTable): HTMLTableRowElement[];
-    createThead(table: ISlickTable): HTMLTableSectionElement;
+    createHeader(table: ISlickTable): HTMLTableSectionElement;
     createTr(columns: IColumn[], rowIndex: number, grid: SlickGrid): HTMLTableRowElement;
     print(table: ISlickTable, clientId: number, clientName: string): void;
+    createFooter(): HTMLTableSectionElement;
 }
 //# sourceMappingURL=DefaultPrinter.d.ts.map

package/dist/types/shared/lib/slickgrid/model/SlickTable/printer/DefaultPrinter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultPrinter.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/model/SlickTable/printer/DefaultPrinter.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAE,MAAM,WAAW,CAAC;AAGrD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAa,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAK/E,qBAAa,cAAe,YAAW,QAAQ;IAC9C,QAAQ,SAAK;IACb,UAAU,SAAM;IAChB,SAAS,SAAa;IAEtB,aAAa,IAAI,mBAAmB;IAWpC,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB;IAmBpD,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB;IAkBzD,kBAAkB,IAAI,gBAAgB;IAKtC,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB;IAMxD,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,uBAAuB;IAmBxD,OAAO,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB,EAAE;IAmBlD,yCAAyC;IACzC,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG,mBAAmB,EAAE;IAGlD,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,uBAAuB;IAQxD,QAAQ,CACP,OAAO,EAAE,OAAO,EAAE,EAClB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,SAAS,GACb,mBAAmB;IAkCtB,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI;CAiBrE"}
+{"version":3,"file":"DefaultPrinter.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/model/SlickTable/printer/DefaultPrinter.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAE,MAAM,WAAW,CAAC;AAGrD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAa,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAMtD,qBAAa,cAAe,YAAW,QAAQ;IAC9C,QAAQ,SAAK;IACb,UAAU,SAAM;IAChB,SAAS,SAAa;IAEtB,aAAa,IAAI,mBAAmB;IAWpC,eAAe,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM;IAsC/C,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,uBAAuB;IAyBxD,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB;IAezD,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB;IAQxD,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,uBAAuB;IAmBxD,OAAO,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB,EAAE;IAmBlD,yCAAyC;IACzC,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG,mBAAmB,EAAE;IAGlD,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,uBAAuB;IAOzD,QAAQ,CACP,OAAO,EAAE,OAAO,EAAE,EAClB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,SAAS,GACb,mBAAmB;IAkCtB,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI;IAiBrE,YAAY,IAAI,uBAAuB;CAIvC"}

package/dist/types/shared/lib/slickgrid/model/SlickTable/printer/lib/applyHtmlToDocument.d.ts

@@ -0,0 +1,3 @@
+/** Replaces the target document with parsed HTML (alternative to document.write). */
+export declare function applyHtmlToDocument(document: Document, html: string): void;
+//# sourceMappingURL=applyHtmlToDocument.d.ts.map

package/dist/types/shared/lib/slickgrid/model/SlickTable/printer/lib/applyHtmlToDocument.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyHtmlToDocument.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/shared/lib/slickgrid/model/SlickTable/printer/lib/applyHtmlToDocument.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAK1E"}

package/dist/types/shared/lib/slickgrid/model/SlickTable/printer/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { applyHtmlToDocument } from './applyHtmlToDocument';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/shared/lib/slickgrid/model/SlickTable/printer/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/shared/lib/slickgrid/model/SlickTable/printer/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/types/shared/lib/slickgrid/model/SlickTable/printer/model/consts/cssStyles.d.ts

@@ -1,2 +1,2 @@
-export declare const cssStyles = "\n\t\thtml body {\n\t\t\tfont-family: \"Courier\", \"sans-serif\";\n\t\t\tfont-size: 12px;\n\t\t}\n\t\tbody table {\n\t\t\tmargin: 0 auto;\n\t\t\tborder-collapse: collapse;\n\t\t\tfont-size: 12px;\n\t\t}\n\t\ttable thead {\n\t\t\tborder-bottom: 2px solid gray;\n\t\t}\n\t\ttable th,\n\t\ttable td {\n\t\t\tpadding: 0 10px;\n\t\t\tfont-weight: normal;\n\t\t}\n\t\ttable td.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\ttable td.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.heading {\n\t\t\theight: 30px;\n\t\t}\n\t\t.heading .table_name {\n\t\t\ttext-align: left;\n\t\t\tpadding-bottom: 20px;\n\t\t}\n\t\t.heading .date_stamp {\n\t\t\ttext-align: right;\n\t\t\tpadding-bottom: 20px;\n\t\t}\n\t\t.column_name {\n\t\t\tpadding-top: 1em;\n\t\t\tfont-weight: bold;\n\t\t}\n\t\t.align_right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.align_left {\n\t\t\ttext-align: left;\n\t\t}\n\t";
+export declare const cssStyles = "\n\t\thtml body {\n\t\t\tfont-family: Carlito, Calibri, Arial, Helvetica, sans-serif;\n\t\t\tfont-size: 12px;\n\t\t}\n\t\tbody table {\n\t\t\tmargin: 0 auto;\n\t\t\tborder-collapse: collapse;\n\t\t\tfont-size: 12px;\n\t\t}\n\t\ttable th,\n\t\ttable td {\n\t\t\tpadding: 0 4px;\n\t\t\tfont-weight: normal;\n\t\t}\n\t\t.main-table > thead {\n\t\t\tborder-bottom: 1px solid gray;\n\t\t}\n\t\t.client-name {\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: bold;\n\t\t\tpadding: 6px 4px;\n\t\t\ttext-align: left;\n\t\t}\n\t\t.empty-row {\n\t\t\theight: 15px\n\t\t}\n\t\t.font-bold {\n\t\t\tfont-weight: bold;\n\t\t}\n\t\t.row-column-names {\n\t\t\tborder-bottom: 1px solid gray;\n\t\t\tborder-top: 1px solid gray;\n\t\t\tline-height: 2.5;\n\t\t}\n\t\t.slick-table {\n\t\t\tborder-bottom: double gray;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.w-full {\n\t\t\twidth: 100%;\n\t\t}\n\t";
 //# sourceMappingURL=cssStyles.d.ts.map

package/dist/types/shared/lib/slickgrid/model/SlickTable/printer/model/consts/cssStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cssStyles.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/shared/lib/slickgrid/model/SlickTable/printer/model/consts/cssStyles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,63BA6CpB,CAAC"}
+{"version":3,"file":"cssStyles.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/shared/lib/slickgrid/model/SlickTable/printer/model/consts/cssStyles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,6+BAkDpB,CAAC"}

package/dist/types/shared/model/types/IHtmlDocElements.d.ts

@@ -0,0 +1,8 @@
+export interface IHtmlDocElements {
+    body?: string;
+    footer?: string;
+    header?: string;
+    styles?: string;
+    title?: string;
+}
+//# sourceMappingURL=IHtmlDocElements.d.ts.map

package/dist/types/shared/model/types/IHtmlDocElements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IHtmlDocElements.d.ts","sourceRoot":"","sources":["../../../../../src/shared/model/types/IHtmlDocElements.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/types/shared/model/types/IPrinter.d.ts

@@ -1,19 +1,21 @@
 import { SlickGrid } from 'slickgrid';
 import { IColumn } from './IColumn';
+import { IHtmlDocElements } from './IHtmlDocElements';
 import { ISlickTable } from './ISlickTable';
 export interface IPrinter {
     clientId: number;
     clientName: string;
     cssStyles: string;
     getClientName(): HTMLTableRowElement;
-    columnNames(table: ISlickTable): HTMLTableRowElement;
-    tableNameAndTime(table: ISlickTable): HTMLTableRowElement;
-    createStyleElement(): HTMLStyleElement;
+    getHtmlTemplate(args: IHtmlDocElements): string;
+    columnNames(table: ISlickTable): HTMLTableSectionElement;
+    createHeader(table: ISlickTable): HTMLTableSectionElement;
+    createFooter(table: ISlickTable): HTMLTableSectionElement;
     createTableElement(table: ISlickTable): HTMLTableElement;
     createTbody(table: ISlickTable): HTMLTableSectionElement;
-    createThead(table: ISlickTable): HTMLTableSectionElement;
     createTr(columns: IColumn[], rowIndex: number, grid: SlickGrid): HTMLTableRowElement;
     print(table: ISlickTable, clientId: number, clientName: string): void;
+    tableNameAndTime(table: ISlickTable): HTMLTableRowElement;
     totals(table: ISlickTable): HTMLTableRowElement[];
 }
 //# sourceMappingURL=IPrinter.d.ts.map

package/dist/types/shared/model/types/IPrinter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IPrinter.d.ts","sourceRoot":"","sources":["../../../../../src/shared/model/types/IPrinter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,QAAQ;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,IAAI,mBAAmB,CAAC;IACrC,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;IACrD,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;IAC1D,kBAAkB,IAAI,gBAAgB,CAAC;IACvC,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAC;IACzD,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,uBAAuB,CAAC;IACzD,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,uBAAuB,CAAC;IACzD,QAAQ,CACP,OAAO,EAAE,OAAO,EAAE,EAClB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,SAAS,GACb,mBAAmB,CAAC;IACvB,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACtE,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB,EAAE,CAAC;CAClD"}
+{"version":3,"file":"IPrinter.d.ts","sourceRoot":"","sources":["../../../../../src/shared/model/types/IPrinter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,QAAQ;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,IAAI,mBAAmB,CAAC;IACrC,eAAe,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAAC;IAChD,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,uBAAuB,CAAC;IACzD,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,uBAAuB,CAAC;IAC1D,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,uBAAuB,CAAC;IAC1D,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAC;IACzD,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,uBAAuB,CAAC;IACzD,QAAQ,CACP,OAAO,EAAE,OAAO,EAAE,EAClB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,SAAS,GACb,mBAAmB,CAAC;IACvB,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACtE,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;IAC1D,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB,EAAE,CAAC;CAClD"}

package/dist/types/shared/model/types/index.d.ts

@@ -9,6 +9,7 @@ export type { IFilter } from './IFilter';
 export type { IFormatterNumberOptions } from './IFormatterNumberOptions';
 export type { IGrouping } from './IGrouping';
 export type { IHotKeysBehavior } from './IHotKeysBehavior';
+export type { IHtmlDocElements } from './IHtmlDocElements';
 export type { IObserver } from './IObserver';
 export type { IPrinter } from './IPrinter';
 export type { ISlickTable } from './ISlickTable';

package/dist/types/shared/model/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/model/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/model/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slick-table",
-  "version": "1.1.79",
+  "version": "1.1.81",
   "description": "Enhanced version of SlickGrid library",
   "private": false,
   "type": "module",

package/src/shared/lib/slickgrid/model/SlickTable/printer/DefaultPrinter.ts

@@ -3,8 +3,10 @@ import { SlickDataView, SlickGrid } from "slickgrid";
 
 import { removeHtml } from "shared/lib/strings";
 import { IColumn, IPrinter, ISlickRow, ISlickTable } from "shared/model/types";
+import { IHtmlDocElements } from "shared/model/types";
 
 import { getDisplayedRows } from "../../../lib";
+import { applyHtmlToDocument } from "./lib";
 import { cssStyles } from "./model";
 
 export class DefaultPrinter implements IPrinter {
@@ -16,58 +18,96 @@ export class DefaultPrinter implements IPrinter {
 		const result = document.createElement("tr");
 
 		const name = document.createElement("th");
-		name.classList.add("align_left");
+		name.classList.add("client-name");
 		name.setAttribute("colspan", "100%");
 		name.innerText = `${this.clientName} [${this.clientId}]`;
 		result.append(name);
 
 		return result;
 	}
-	columnNames(table: ISlickTable): HTMLTableRowElement {
-		const result = document.createElement("tr");
+	getHtmlTemplate(args: IHtmlDocElements): string {
+		const {
+			body = "",
+			footer = "",
+			header = "",
+			styles = "",
+			title = "",
+		} = args;
+		return `
+			<!doctype html>
+			<html lang="en">
+				<head>
+					<meta charset="UTF-8">
+					<meta name="viewport"
+								content="width=device-width, initial-scale=1.0">
+					<link rel="preconnect" href="https://fonts.googleapis.com">
+					<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+					<link href="https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;0,700;1,400;1,700&display=swap" 
+								rel="stylesheet">
+					<title>${title}</title>
+					<style>${styles}</style>
+				</head>
+				<body>
+					<table class="main-table w-full">
+						${header}
+						<tbody>
+							<tr>
+								<td colspan="100%">
+									${body}
+								</td>
+							</tr>
+						</tbody>
+						${footer}
+					</table>
+				</body>
+			</html>
+		`;
+	}
+	columnNames(table: ISlickTable): HTMLTableSectionElement {
+		const result = document.createElement("thead");
+		const tr1 = document.createElement("tr");
+		tr1.classList.add("empty-row");
+		const tr2 = document.createElement("tr");
+		tr2.classList.add("row-column-names");
 
 		const grid = table.grid;
 		const columns: IColumn[] = grid?.getColumns() || [];
 		const columnsFiltered = columns.filter((el) => el.forPrint);
-
 		columnsFiltered.forEach(({ name }) => {
 			const th = document.createElement("th");
-			th.classList.add("column_name");
+			th.classList.add("text-left");
 			if (typeof name === "string") {
 				th.innerText = name;
 			} else {
 				th.innerText = " ";
 			}
-			result.append(th);
+			tr2.append(th);
 		});
+
+		result.append(tr1);
+		result.append(tr2);
 		return result;
 	}
 	tableNameAndTime(table: ISlickTable): HTMLTableRowElement {
 		const result = document.createElement("tr");
-		result.classList.add("heading");
 
 		const tableName = document.createElement("th");
-		tableName.setAttribute("colspan", "2");
-		tableName.classList.add("table_name");
+		tableName.classList.add("text-left");
 		tableName.innerText = table.name || table.id;
 		result.append(tableName);
 
 		const dateStamp = document.createElement("th");
-		dateStamp.setAttribute("colspan", "100%");
-		dateStamp.classList.add("date_stamp");
+		dateStamp.classList.add("text-right");
 		dateStamp.innerText = moment().format("MM/DD/YYYY h:mm A");
 		result.append(dateStamp);
 
 		return result;
 	}
-	createStyleElement(): HTMLStyleElement {
-		const result = document.createElement("style");
-		result.innerHTML = this.cssStyles;
-		return result;
-	}
 	createTableElement(table: ISlickTable): HTMLTableElement {
 		const result = document.createElement("table");
-		result.append(this.createThead(table));
+		result.classList.add("slick-table");
+		result.style.width = "100%";
+		result.append(this.columnNames(table));
 		result.append(this.createTbody(table));
 		return result;
 	}
@@ -98,7 +138,7 @@ export class DefaultPrinter implements IPrinter {
 				const tr = document.createElement("tr");
 				const th = document.createElement("th");
 				th.setAttribute("colspan", "100%");
-				th.classList.add("align_left");
+				th.classList.add("text-left");
 				th.innerText = "Applied filters";
 				tr.append(th);
 				result.push(tr);
@@ -113,12 +153,11 @@ export class DefaultPrinter implements IPrinter {
 	totals(_table: ISlickTable): HTMLTableRowElement[] {
 		return [];
 	}
-	createThead(table: ISlickTable): HTMLTableSectionElement {
+	createHeader(table: ISlickTable): HTMLTableSectionElement {
 		const result = document.createElement("thead");
 		result.append(this.getClientName());
 		result.append(this.tableNameAndTime(table));
 		result.append(...this.filters(table));
-		result.append(this.columnNames(table));
 		return result;
 	}
 	createTr(
@@ -139,7 +178,7 @@ export class DefaultPrinter implements IPrinter {
 		} else {
 			columns.forEach((column) => {
 				const td = document.createElement("td");
-				column.cssClass && td.classList.add(column.cssClass);
+				if (column.cssClass) td.classList.add(column.cssClass);
 				const field = column.field;
 				const metaData = dataView.getItemMetadata(rowIndex);
 				const formatterSpecific = metaData?.columns?.[field]?.formatter;
@@ -160,20 +199,24 @@ export class DefaultPrinter implements IPrinter {
 		return result;
 	}
 	print(table: ISlickTable, clientId: number, clientName: string): void {
+		const newTab = window.open();
+		if (!newTab) return;
 		this.clientId = clientId;
 		this.clientName = clientName;
-		const newTab = window.open() as Window;
-
-		const title = document.createElement("title");
-		title.innerText = table.name || table.id;
-
-		const head = newTab.document.querySelector("head") as HTMLHeadElement;
-		head.append(title);
-		head.append(this.createStyleElement());
-
-		const body = newTab.document.querySelector("body") as HTMLBodyElement;
-
-		body.append(this.createTableElement(table));
+		applyHtmlToDocument(
+			newTab.document,
+			this.getHtmlTemplate({
+				title: table.name || table.id,
+				styles: this.cssStyles,
+				header: this.createHeader(table).outerHTML,
+				body: this.createTableElement(table).outerHTML,
+				footer: this.createFooter().outerHTML,
+			}),
+		);
 		newTab.print();
 	}
+	createFooter(): HTMLTableSectionElement {
+		const result = document.createElement("tfoot");
+		return result;
+	}
 }

package/src/shared/lib/slickgrid/model/SlickTable/printer/lib/applyHtmlToDocument.ts

@@ -0,0 +1,7 @@
+/** Replaces the target document with parsed HTML (alternative to document.write). */
+export function applyHtmlToDocument(document: Document, html: string): void {
+	const parsed = new DOMParser().parseFromString(html, "text/html");
+	document.documentElement.replaceWith(
+		document.importNode(parsed.documentElement, true),
+	);
+}

package/src/shared/lib/slickgrid/model/SlickTable/printer/lib/index.ts

@@ -0,0 +1 @@
+export { applyHtmlToDocument } from "./applyHtmlToDocument";

package/src/shared/lib/slickgrid/model/SlickTable/printer/model/consts/cssStyles.ts

@@ -1,6 +1,6 @@
 export const cssStyles = `
 		html body {
-			font-family: "Courier", "sans-serif";
+			font-family: Carlito, Calibri, Arial, Helvetica, sans-serif;
 			font-size: 12px;
 		}
 		body table {
@@ -8,39 +8,44 @@ export const cssStyles = `
 			border-collapse: collapse;
 			font-size: 12px;
 		}
-		table thead {
-			border-bottom: 2px solid gray;
-		}
 		table th,
 		table td {
-			padding: 0 10px;
+			padding: 0 4px;
 			font-weight: normal;
 		}
-		table td.text-center {
-			text-align: center;
-		}
-		table td.text-right {
-			text-align: right;
+		.main-table > thead {
+			border-bottom: 1px solid gray;
 		}
-		.heading {
-			height: 30px;
-		}
-		.heading .table_name {
+		.client-name {
+			font-size: 16px;
+			font-weight: bold;
+			padding: 6px 4px;
 			text-align: left;
-			padding-bottom: 20px;
 		}
-		.heading .date_stamp {
-			text-align: right;
-			padding-bottom: 20px;
+		.empty-row {
+			height: 15px
 		}
-		.column_name {
-			padding-top: 1em;
+		.font-bold {
 			font-weight: bold;
 		}
-		.align_right {
-			text-align: right;
+		.row-column-names {
+			border-bottom: 1px solid gray;
+			border-top: 1px solid gray;
+			line-height: 2.5;
+		}
+		.slick-table {
+			border-bottom: double gray;
+		}
+		.text-center {
+			text-align: center;
 		}
-		.align_left {
+		.text-left {
 			text-align: left;
 		}
+		.text-right {
+			text-align: right;
+		}
+		.w-full {
+			width: 100%;
+		}
 	`;

package/src/shared/model/types/IHtmlDocElements.ts

@@ -0,0 +1,7 @@
+export interface IHtmlDocElements {
+	body?: string;
+	footer?: string;
+	header?: string;
+	styles?: string;
+	title?: string;
+}

package/src/shared/model/types/IPrinter.ts

@@ -1,6 +1,7 @@
 import { SlickGrid } from "slickgrid";
 
 import { IColumn } from "./IColumn";
+import { IHtmlDocElements } from "./IHtmlDocElements";
 import { ISlickTable } from "./ISlickTable";
 
 export interface IPrinter {
@@ -8,17 +9,18 @@ export interface IPrinter {
 	clientName: string;
 	cssStyles: string;
 	getClientName(): HTMLTableRowElement;
-	columnNames(table: ISlickTable): HTMLTableRowElement;
-	tableNameAndTime(table: ISlickTable): HTMLTableRowElement;
-	createStyleElement(): HTMLStyleElement;
+	getHtmlTemplate(args: IHtmlDocElements): string;
+	columnNames(table: ISlickTable): HTMLTableSectionElement;
+	createHeader(table: ISlickTable): HTMLTableSectionElement;
+	createFooter(table: ISlickTable): HTMLTableSectionElement;
 	createTableElement(table: ISlickTable): HTMLTableElement;
 	createTbody(table: ISlickTable): HTMLTableSectionElement;
-	createThead(table: ISlickTable): HTMLTableSectionElement;
 	createTr(
 		columns: IColumn[],
 		rowIndex: number,
 		grid: SlickGrid,
 	): HTMLTableRowElement;
 	print(table: ISlickTable, clientId: number, clientName: string): void;
+	tableNameAndTime(table: ISlickTable): HTMLTableRowElement;
 	totals(table: ISlickTable): HTMLTableRowElement[];
 }

package/src/shared/model/types/index.ts

@@ -9,6 +9,7 @@ export type { IFilter } from "./IFilter";
 export type { IFormatterNumberOptions } from "./IFormatterNumberOptions";
 export type { IGrouping } from "./IGrouping";
 export type { IHotKeysBehavior } from "./IHotKeysBehavior";
+export type { IHtmlDocElements } from "./IHtmlDocElements";
 export type { IObserver } from "./IObserver";
 export type { IPrinter } from "./IPrinter";
 export type { ISlickTable } from "./ISlickTable";