---
title: Column Management Recipes
metaTitle: Column Management Recipes - JavaScript Data Grid | Handsontable
description: Practical recipes for controlling column visibility and freezing columns at runtime in Handsontable grids.
permalink: /recipes/column-management
canonicalUrl: /recipes/column-management
searchCategory: Recipes
hotPlugin: false
editLink: false
type: how-to
id: z7g9h1i3
react:
  id: a8h0i2j4
  metaTitle: Column Management Recipes - React Data Grid | Handsontable
angular:
  id: b9i1j3k5
  metaTitle: Column Management Recipes - Angular Data Grid | Handsontable
vue:
  id: xhr39rj8
  metaTitle: Column Management Recipes - Vue Data Grid | Handsontable
---
[[toc]]

## Overview

This section provides practical recipes for managing column visibility and layout in Handsontable. Each recipe includes a working example you can copy into your app.

## Available Recipes

Current recipes:

<div class="boxes-list">

- [Build a dynamic column visibility toggle](@/recipes/column-management/column-visibility/column-visibility.md)
- [Freeze and unfreeze columns at runtime](@/recipes/column-management/freeze-columns/freeze-columns.md)

</div>