# Resizing

The Kendo UI for Vue Grid enables you to resize its columns by dragging the edges (resize handles) of the header cells.

To enable column resizing, set the [`resizable`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#resizable) property of the Grid to `true`.

> * By default, the column-resizing feature is disabled.
> * If the user resizes the Grid columns so that the total width of the columns becomes less than the width of the Grid, the remaining table is filled with whitespace.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/grid/columns/resizing/source.txt)

## Suggested Links

* [ColumnComponent](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridcolumnprops)
* [API Reference of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops)