Skip to main content

subGridWidth

PRO

The functionality is available in PRO Edition only

Description​

Optional. Defines the width of the Subgrid area in pixels

If not set, the sum of the widths of the Subgrid columns is applied

Usage​

subGridWidth?: number;

Example​

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

  const { tasks, scales } = getData();

  const columns = [
    { id: "text", header: "Task name", flexgrow: 1 },
    { id: "start", header: "Start date", width: 120, align: "center" },
    { id: "status", header: "Status", width: 130, section: "subGrid" },
  ];
</script>

<template>
  <Gantt :tasks="tasks" :scales="scales" :columns="columns" :subGridWidth="220" />
</template>

To change the width at runtime, use the resize-grid action with the section: "subGrid" parameter.

Related articles: