displayMode

Description

Optional. Defines which areas of the Gantt chart to display

Usage

displayMode?: "all" | "grid" | "chart";

Parameters

• "all" (default) - displays both the grid and the chart areas
• "grid" - displays only the grid area
• "chart" - displays only the chart area

Example

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

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

<template>
  <Gantt :tasks="tasks" :scales="scales" displayMode="grid" />
</template>

---

Related articles:

• User interface
• Compact mode