react-gantt-simple-timeline
Horizontal gantt timeline
Features
- custom headers content
- custom element content
- fixed and auto fit width
Install
npm install --save react-gantt-simple-timeline
Usage
See Demo
import React Component from 'react' import Timeline from 'react-gantt-simple-timeline' { return <div ='your-element'> custom content </div> } <div ='your-col-head'>custom title</div> <div ='your-row-head'>custom header</div> { return } { } { return <Timeline = = = ='currentTimeOverlap' = = = = = ='#CCCCCC' ='customizeIfNeed' ='customizeIfNeed' ='customizeIfNeed' ='customizeIfNeed' ='customizeIfNeed' /> }
License
MIT © Ramil Gallyamov
TODO
- declarative layout
- minScale or minColWidth for scrollable grid?
- isReady prop
- display: grid ? https://webdesign.tutsplus.com/tutorials/solving-problems-with-css-grid-the-gantt-chart--cms-33837 https://codepen.io/ph1p/pen/JBBjNy