# Setting the Size of Header Cells

Customize the default appearance of header cells by specifying styles by changing the row height or column width, or both.

## Content

You can customize the appearance of header cells by changing the row height or column width, or both, for any of the rows or columns of headers. You can change the size by setting properties in the [RowHeader](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.RowHeader.html) class for the row header or the [ColumnHeader](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.ColumnHeader.html) class for the column header or both, or use the respective [SheetView](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.html) class properties. Use these properties:

* ColumnHeader.[Height](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.ColumnHeader.Height.html)
* RowHeader.[Width](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.RowHeader.Width.html)
* SheetView.[ColumnHeaderHeight](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.ColumnHeaderHeight.html)
* SheetView.[RowHeaderWidth](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.RowHeaderWidth.html)

You can also use the Spread Designer to set the width and height of header cells.
For information on setting the size of cells in the data area, refer to [Setting the Row Height or Column Width](/spreadnet/docs/latest/online-asp/overview/spweb-devguide/spweb-appearSet/spweb-appearRowCol/spweb-RowColSize).

## Using Code

Set the height or width for the headers.

## Example

This example code sets the height and width of the headers.

```csharp
// Set the height and width for the headers.
FpSpread1.Sheets[0].ColumnHeader.Height = 60;
FpSpread1.Sheets[0].RowHeader.Width = 60;
```

```vbnet
' Set the height and width for the headers.
FpSpread1.Sheets(0).ColumnHeader.Height = 60
FpSpread1.Sheets(0).RowHeader.Width = 60
```

## Using the Spread Designer

1. Select the **Settings** menu.
2. Select the **Header Editor** icon in the **Other Settings** section.
3. Select the header you wish to edit.
4. Set the height or width properties.
5. Choose **Apply** and **OK** to apply your changes to the component.
6. Click **Apply and Exit** to close the Spread Designer.