# GC.Spread.Sheets.TableSheet.TableSheetPanel

## Content

# Class: TableSheetPanel

[Sheets](../modules/GC.Spread.Sheets).[TableSheet](../modules/GC.Spread.Sheets.TableSheet).TableSheetPanel

## Table of contents

### Constructors

- [constructor](GC.Spread.Sheets.TableSheet.TableSheetPanel#constructor)

### Methods

- [attach](GC.Spread.Sheets.TableSheet.TableSheetPanel#attach)
- [destroy](GC.Spread.Sheets.TableSheet.TableSheetPanel#destroy)
- [detach](GC.Spread.Sheets.TableSheet.TableSheetPanel#detach)
- [findControl](GC.Spread.Sheets.TableSheet.TableSheetPanel#findcontrol)

## Constructors

### <a id="constructor" name="constructor"></a> constructor

• **new TableSheetPanel**(`name`, `tableSheet`, `host`, `options?`)

Represents a table sheet panel with the specified name, table sheet, host element and options setting.

**`example`**
```javascript
//This example creates a TableSheetPanel.
var host = document.getElementById("panel");
var panel = new GC.Spread.Sheets.TableSheet.TableSheetPanel("myPanel", tableSheet, host);
```

#### Parameters

| Name | Type | Description |
| :------ | :------ | :------ |
| `name` | `string` | The table sheet panel name. |
| `tableSheet` | [`TableSheet`](GC.Spread.Sheets.TableSheet.TableSheet) | The table sheet. |
| `host` | `HTMLElement` | The host element. |
| `options?` | [`IPanelOption`](../interfaces/GC.Spread.Sheets.TableSheet.IPanelOption) | - |

## Methods

### <a id="attach" name="attach"></a> attach

▸ **attach**(`tableSheet`): `void`

Attaches a table sheet into current table sheet panel.

**`example`**
```javascript
//This example attaches a table sheet.
panel.attach(tableSheet);
```

#### Parameters

| Name | Type | Description |
| :------ | :------ | :------ |
| `tableSheet` | [`TableSheet`](GC.Spread.Sheets.TableSheet.TableSheet) | The table sheet. |

#### Returns

`void`

___

### <a id="destroy" name="destroy"></a> destroy

▸ **destroy**(): `void`

Destroys current table sheet panel.

**`example`**
```javascript
//This example destroys current table sheet panel.
panel.destroy();
```

#### Returns

`void`

___

### <a id="detach" name="detach"></a> detach

▸ **detach**(): `void`

Detaches a table sheet from current table sheet panel.

**`example`**
```javascript
//This example detaches a table sheet.
panel.detach();
```

#### Returns

`void`

___

### <a id="findcontrol" name="findcontrol"></a> findControl

▸ `Static` **findControl**(`host`): [`TableSheetPanel`](GC.Spread.Sheets.TableSheet.TableSheetPanel)

Finds a table sheet panel by a DOM element.

**`example`**
```javascript
//This example finds a table sheet panel by a DOM element.
GC.Spread.Sheets.TableSheet.TableSheetPanel.findControl(document.getElementById("sampleDiv"));
```

#### Parameters

| Name | Type | Description |
| :------ | :------ | :------ |
| `host` | `string` \| `HTMLElement` | The host element. |

#### Returns

[`TableSheetPanel`](GC.Spread.Sheets.TableSheet.TableSheetPanel)