// http://officeopenxml.com/WPtableGrid.php import { XmlComponent } from "file/xml-components"; import { TableGrid } from "./grid"; import { WidthType } from "./table-cell"; import { ITableFloatOptions, TableProperties } from "./table-properties"; import { TableLayoutType } from "./table-properties/table-layout"; import { TableRow } from "./table-row"; /* 0-width columns don't get rendered correctly, so we need to give them some value. A reasonable default would be ~6in / numCols, but if we do that it becomes very hard to resize the table using setWidth, unless the layout algorithm is set to 'fixed'. Instead, the approach here means even in 'auto' layout, setting a width on the table will make it look reasonable, as the layout algorithm will expand columns to fit its content */ export interface ITableOptions { readonly rows: TableRow[]; readonly width?: number; readonly widthUnitType?: WidthType; readonly columnWidths?: number[]; readonly margins?: { readonly marginUnitType?: WidthType; readonly top?: number; readonly bottom?: number; readonly right?: number; readonly left?: number; }; readonly float?: ITableFloatOptions; readonly layout?: TableLayoutType; } export class Table extends XmlComponent { private readonly properties: TableProperties; constructor({ rows, width = 100, widthUnitType = WidthType.AUTO, columnWidths = Array(Math.max(...rows.map((row) => row.CellCount))).fill(100), margins: { marginUnitType, top, bottom, right, left } = { marginUnitType: WidthType.AUTO, top: 0, bottom: 0, right: 0, left: 0 }, float, layout, }: ITableOptions) { super("w:tbl"); this.properties = new TableProperties(); this.root.push(this.properties); this.properties.setBorder(); this.properties.setWidth(width, widthUnitType); this.properties.CellMargin.addBottomMargin(bottom || 0, marginUnitType); this.properties.CellMargin.addTopMargin(top || 0, marginUnitType); this.properties.CellMargin.addLeftMargin(left || 0, marginUnitType); this.properties.CellMargin.addRightMargin(right || 0, marginUnitType); this.root.push(new TableGrid(columnWidths)); for (const row of rows) { this.root.push(row); } if (float) { this.properties.setTableFloatProperties(float); } if (layout) { this.properties.setLayout(layout); } } }