# toggleColumnVisibility

Toggles column visibility and returns the resulting state.

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

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

## What does this API do?

Toggles column visibility and returns the resulting state.

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

## Exact input and result types

```typescript
toggleColumnVisibility(colId: string): Promise<boolean>
```

| Arguments | Required | Type |
| --- | --- | --- |
| colId | Required | string |

The return type is `Promise<boolean>`.

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

## Usage flow

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

<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.