@progress/kendo-grid-vue-wrapper/docs/columns/resizing.md

Kendo UI Grid wrapper for Vue.js

---
title: Resizing
page_title: Vue Grid Wrapper - Resizing Columns - Kendo UI for Vue
description: "Get started with the Vue Grid by Kendo UI and learn how to allow resizeable columns."
slug: resizing_grid_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/grid/columns/resizing/"
position: 4
---

<div><WrapperBanner link="/kendo-vue-ui/components/grid/columns/resizing"></WrapperBanner></div>


# Resizing

You can enable the resizing feature of the Kendo UI Grid wrapper for Vue columns by using its `resizable` property.

> To enable the column resizing functionality in the native Vue Grid by Kendo UI, refer to the [native Vue Grid by Kendo UI documentation]({% slug resizing_columns_grid %}).

To display drag handles on hovering over the columns and enable resizing, set `resizable` to `true`.

{% meta height:360 %}
{% embed_file grid/columns/resizing/main.vue preview %}
{% embed_file grid/columns/resizing/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI Grid for jQuery](https://docs.telerik.com/kendo-ui/controls/data-management/grid/overview)
* [API Reference of the Grid Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/grid)
* [Resizing Columns in the Native Vue Grid by Kendo UI]({% slug resizing_columns_grid %})