Skip to main content

placeholderRow

The functionality is available in PRO Edition only

PRO

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​

import { getData } from "./data";
import { Gantt } from "@svar/react-gantt";

const { tasks, links, scales } = getData();

function App() {
  return (
    <Gantt
      tasks={tasks}
      links={links}
      scales={scales}
      placeholderRow={true}
    />
  );
}

export default App;

Related sample:

Related articles: