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

Kendo UI Grid wrapper for Vue.js

---
title: Reordering
page_title: Vue Grid Wrapper - Reordering Columns - Kendo UI for Vue
description: "Get started with the Vue Grid by Kendo UI and learn how to allow reorderable columns."
slug: reordering_grid_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/grid/columns/reordering/"
position: 3
---

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

# Reordering

You can enable column reordering for the Kendo UI Grid wrapper for Vue by using its `reorderable` property.

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

To automatically display draggable and reorderable Kendo UI Data Grid wrapper for Vue columns, set `reorderable` to `true`.

{% meta height:360 %}
{% embed_file grid/columns/reordering/main.vue preview %}
{% embed_file grid/columns/reordering/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)
* [Reordering Columns in the Native Vue Grid by Kendo UI]({% slug reordering_columns_grid %})