@progress/kendo-gantt-vue-wrapper/docs/templates.md

Kendo UI Gantt wrapper for Vue.js

---
title: Templates
page_title: Templates - Gantt - Kendo UI for Vue
description: "Configure the task template of the Kendo UI Gantt wrapper for Vue."
slug: templates_gantt
position: 6
---

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

# Templates

The Kendo UI Gantt allows you to load a template for its tasks.

This example illustrates how to use template to customize the appearance of the tasks. You can use the `task-template` prop to define a function that return built HTML through kendo.template.

{% meta height:750 %}
{% embed_file templates/main.vue preview %}
{% embed_file templates/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI Gantt for jQuery](https://docs.telerik.com/kendo-ui/controls/scheduling/gantt/overview)
* [API Reference of the Gantt Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/gantt)