---
title: GanttDataSource
page_title: GanttDataSource Overview - Components - Kendo UI for Vue
description: "Use the Kendo UI GanttDataSource wrapper component in Vue projects."
slug: overview_ganttdatasource
position: 2
---

<div><WrapperBanner></WrapperBanner></div>

# GanttDataSource Overview

The GanttDataSource extends the [DataSource component]({% slug overview_datasource %}).

It contains instances of the custom [`kendo.data.GanttTask`](https://docs.telerik.com/kendo-ui/api/javascript/data/gantttask) model, which represents the task data items of the Gantt.

The following example demonstrates how to bind the Gantt to the GanttDataSource.

{% meta height:660 %}
{% embed_file gantt-datasource/main.vue preview %}
{% embed_file gantt-datasource/main.js %}
{% endmeta %}


## Suggested Links

* [Kendo UI Data Source for jQuery](https://docs.telerik.com/kendo-ui/framework/datasource/overview)
* [API Reference of the Data Source Component](https://docs.telerik.com/kendo-ui/api/javascript/data/datasource)
* [API Reference of the GanttDataSource Component](https://docs.telerik.com/kendo-ui/api/javascript/data/ganttdatasource)