Skip to main content

cellBorders

Description​

Optional. Defines borders style in the Gantt chart

Usage​

cellBorders?: "column" | "full";

Parameters​

  • cellBorders - to show all lines in the grid (horizontal and vertical), set the borders value to "full". To hide horizontal lines, set the value to "column".

Example​

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

const data = getData();

const cellBorders = "column";

function App() {
  return <Gantt cellBorders={cellBorders} tasks={data.tasks} />;
}

export default App;