Angular Spreadsheet Appearance

The Spreadsheet exposes properties that allow you to change the default appearance of the cells and customize the look and feel of the content inside them.

With the following built-in properties, you can configure all cells at once and highlight the important information making the spreadsheet more readable:

• headerWidth—Changes the width of the number cells (the cells containing the row number).
• headerHeight—Changes the height of the header cells that contain the column identifiers (A, B, C).
• rowHeight—Changes the height of the cells in the sheet. The property has lower priority than the height property of the SheetRow.
• columnWidth—Changes the width of the columns. The property has lower priority than the width property of the SheetColumn.
• defaultCellStyle—Sets the default appearance of the cells in the sheet. The settings have lower priority than their counterpart exposed by the Cell.

The following example demonstrates the properties in action.

Suggested Links

• API Reference of the Spreadsheet
• API Reference of the SpreadsheetComponent