# ch-grid-column-resize

## Table of Contents

- [Overview](#overview)
- [Properties](#properties)
- [Events](#events)
- [Dependencies](#dependencies)
  - [Used by](#used-by)
  - [Graph](#graph)

<!-- Auto Generated Below -->

## Overview

The `ch-tabular-grid-column-resize` component responsible for resizing a column in a grid

## Properties

| Property              | Attribute | Description                               | Type                             | Default     |
| --------------------- | --------- | ----------------------------------------- | -------------------------------- | ----------- |
| `column` _(required)_ | --        | The column element that is being resized. | `HTMLChTabularGridColumnElement` | `undefined` |

## Events

| Event                  | Description                                               | Type                                        |
| ---------------------- | --------------------------------------------------------- | ------------------------------------------- |
| `columnResizeFinished` | Event emitted when the user finishes resizing the column. | `CustomEvent<TabularGridColumnResizeEvent>` |
| `columnResizeStarted`  | Event emitted when the user starts resizing the column.   | `CustomEvent<TabularGridColumnResizeEvent>` |
| `columnResizing`       | Event emitted when the user is resizing the column.       | `CustomEvent<TabularGridColumnResizeEvent>` |

## Dependencies

### Used by

 - [ch-tabular-grid-column](../ch-tabular-grid-column/README.md)

### Graph
```mermaid
graph TD;
  ch-tabular-grid-column --> ch-tabular-grid-column-resize
  style ch-tabular-grid-column-resize fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------


