# applyColumnState

Restores saved column state. Verify that IDs match current columns.

Canonical: https://grid.syidax.com/docs/methods/applyColumnState/

<a id="meaning"></a>

## What does this API do?

Restores saved column state. Verify that IDs match current columns.

<a id="contract"></a>

## Exact input and result types

```typescript
applyColumnState(state: ColumnStateEntry[], opts?: ApplyColumnStateOptions): Promise<void>
```

| Arguments | Required | Type |
| --- | --- | --- |
| state | Required | ColumnStateEntry[] |
| opts | Optional | ApplyColumnStateOptions |

The return type is `Promise<void>`.

<a id="usage"></a>

## Usage flow

After registering and initializing the Grid element, call grid.applyColumnState(…). Read the return value with await. For methods returning a boolean or report, inspect the result before continuing.

<a id="types"></a>

## Read related types

- [ColumnStateEntry](https://grid.syidax.com/docs/types/ColumnStateEntry.md)
- [ApplyColumnStateOptions](https://grid.syidax.com/docs/types/ApplyColumnStateOptions.md)

<a id="recipes"></a>

## Feature explanations and examples

- [Column sizing and pinning](https://grid.syidax.com/docs/features/column-operations.md) — Width, order, pinning, and visibility are independent column states. Combine them to pin order IDs, hide supporting information, and widen long product names.