TaskListHeader:React.FC<{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string;}>; TaskListTable:React.FC<{ rowHeight: number; rowWidth: string; fontFamily: string; fontSize: string; locale: string; tasks: Task[]; selectedTaskId: string; setSelectedTask: (taskId:...
TaskListHeader: React.FC<{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string;}>; TaskListTable: React.FC<{ rowHeight: number; rowWidth: string; fontFamily: string; fontSize: string; locale: string; tasks: Task[]; selectedTaskId: string; setSelectedTask: (task...
TaskListHeader: React.FC<{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string;}>; TaskListTable: React.FC<{ rowHeight: number; rowWidth: string; fontFamily: string; fontSize: string; locale: string; tasks: Task[]; selectedTaskId: string; setSelectedTask: (task...
{field:'end',title:'end',width:'auto',sort:true,editor:'date-input'}];constoption={overscrollBehavior:'none',records,taskListTable:{columns,},taskBar:{startDateField:'start',endDateField:'end',progressField:'progress'},timelineHeader:{colWidth:100,backgroundColor:'#EEF1F5',horizontalLine:{...
HeaderHeight The height of the task list and timeline header. ItemHeight The height of the tasks. Options Different settings for the drawing of the control. SplitterAppearance The settings that are specific to the appearance of the splitter. SplitterWidth The width of the splitter. TaskListAppearan...
import dayjs from "dayjs"; import React from "react"; import ReactDOM from "react-dom"; import GanttElastic from "./GanttElastic"; import "./style.css"; function getDate(hours: number): number { return ( dayjs() .startOf("day") .valueOf() + hours * 60 * 60 * 1000 ); } ...
TaskListHeader:React.FC<{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string;}>; TaskListTable:React.FC<{ rowHeight: number; rowWidth: string; fontFamily: string; fontSize: string; locale: string; tasks: Task[]; selectedTaskId: string; setSelectedTask: (taskId:...
{field:'end',title:'end',width:'auto',sort:true,editor:'date-input'}];constoption={overscrollBehavior:'none',records,taskListTable:{columns,},taskBar:{startDateField:'start',endDateField:'end',progressField:'progress'},timelineHeader:{colWidth:100,backgroundColor:'#EEF1F5',horizontalLine:{...
To customise the look and feel the react-timeline-gantt component provides a configuration object that can be pass as a property. Here is the structure of the config object : {header:{//Targert the time header containing the information month/day of the week, day and time.top:{//Tartget...
TaskListHeader:React.FC<{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string;}>; TaskListTable:React.FC<{ rowHeight: number; rowWidth: string; fontFamily: string; fontSize: string; locale: string; tasks: Task[]; selectedTaskId: string; setSelectedTask: (taskId:...