# Home Tab

A visual breakdown of the Home Tab in the SpreadJS Designer Component, including the sections and options

## Content

The **HOME** tab allows you to cut, copy, and paste as well as set cell formatting and conditional formatting. You can also add and format tables, sort, filter, and search.
![image](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/image-20260401.88b162.png?width=1000)
The following table lists the **HOME** tab sections and options:

| **Section** | **Description** |
| ------- | ----------- |
| **Undo** | Provides redo and undo options. |
| **Clipboard** | Provides cut, copy, and paste options. |
| **Fonts** | Provides options for cell text such as color, type, and size. |
| **Alignment** | Provides options for centering and wrapping text as well as creating spans. |
| **Number** | Provides options for number formatting. |
| **Styles** | Provides options for conditional formatting using rules and tables and options for setting cell styles. |
| **Cells** | Provides options for inserting, deleting, and hiding rows and columns as well as setting heights, widths, and locking cells. |
| **Editing** | Provides options for automatic fill, clearing data and formatting, sorting, filtering, searching, and replacing. |

Select the arrow icon in the lower, right corner to view the **Format Cells** dialog.
![image](https://cdn.mescius.io/document-site-files/images/7719ad0a-f083-46d7-aff6-f63e2e187c15/image.e81b83.png?width=700)

> **Note:** SpreadJS allows you to resize the **Conditional Formatting Rules Manager** Dialog Box. With this ability to resize dialog boxes, the content inside them also supports responsive resizing.