@progress/kendo-gantt-vue-wrapper
Version:
Kendo UI Gantt wrapper for Vue.js
78 lines (43 loc) • 1.98 kB
Markdown
---
title: GanttView API
description: "API Index | GanttView"
api_reference: true
slug: api_ganttviewcomponent
---
# GanttView
## Directive
`kendo-gantt-view`
## Parent Components
* [`kendo-gantt`]({% slug api_ganttcomponent %})
## Props
### date `Date`
If `date` is set to a date and the date is within the start-end range of the selected view, the timeline of the currently selected view will be scrolled to the start from this date. Overrides the `date` option of the Gantt.
### range-start `Date`
If `range-start` is set to a date, the timeline of the view will start from this date. Overrides the `range.start` option of the Gantt.
### range-end `Date`
If `range-end` is set to a date, the timeline of the view will end on this date. Overrides the `range.end` option of the Gantt.
### type `String`
The type of the view.
The built-in views are:
* `day`
* `week`
* `month`
* `year`
### selected `Boolean`
If `selected` is set to `true`, the view will be initially selected by the Gantt. The default selected view is `day`.
### slot-size `Number | String`
The size of the time-slot headers. Values are treated as pixels.
### time-header-template `String | Function`
The template for rendering the time slots in the **Day** view.
### day-header-template `String | Function`
The template for rendering the day slots in **Day** and **Week** views.
### week-header-template `String | Function`
The template for rendering the week slots in **Week** and **Month** views.
### month-header-template `String | Function`
The template for rendering the month slots in **Month** and **Year** views.
### year-header-template `String | Function`
The template for rendering the year slots in **Year** view.
### resize-tooltip-format `String`
The format for displaying the start and end dates in the resize tooltip.
## Suggested Links
* [`Views` in Kendo UI Gantt for jQuery](https://docs.telerik.com/kendo-ui/api/javascript/ui/gantt/configuration/views)