Skip to main content

cellBorders

Description​

Defines borders style in the Gantt chart

Usage​

cellBorders?: string;

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 "columns".

Example​

import { getData, simpleColumns } from "./common/data";
import { Gantt } from "wx-react-gantt";
import "wx-react-gantt/dist/gantt.css";

const GanttComponent = () => {
  const data = getData();
  const cellBorders = "columns";

  return (
    <Gantt
      cellBorders={cellBorders}
      tasks={data.tasks}
      //other settings
    />
  );
};

export default GanttComponent;