Skip to main content

placeholderRow

PRO

The functionality is available in PRO Edition only

Description​

Optional. Adds an empty row at the bottom of the grid for creating new tasks

On its own, this property only shows the placeholder row and enables creating a task by dragging on its empty chart area. To also let users create a task from the grid, define editor for at least one column (see Add tasks via placeholder row).

The row is hidden when readonly is enabled.

Usage​

placeholderRow?: boolean;

Parameters​

  • true - shows the placeholder row at the bottom of the grid
  • false - (default) the placeholder row is hidden

Example​

<script setup>
  import { getData } from "./data";
  import { Gantt } from "@svar/vue-gantt";

  const { tasks, links, scales } = getData();
</script>

<template>
  <Gantt :tasks="tasks" :links="links" :scales="scales" :placeholderRow="true" />
</template>

Related sample:

Related articles: