https://github.com/ahwgs/react-gantt
Gantt Component for React
https://github.com/ahwgs/react-gantt
component gantt gantt-chart react
Last synced: about 1 month ago
JSON representation
Gantt Component for React
- Host: GitHub
- URL: https://github.com/ahwgs/react-gantt
- Owner: ahwgs
- License: mit
- Created: 2021-07-08T14:14:27.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2025-03-25T17:03:13.000Z (3 months ago)
- Last Synced: 2025-04-24T05:29:46.259Z (about 2 months ago)
- Topics: component, gantt, gantt-chart, react
- Language: TypeScript
- Homepage: https://ahwgs.github.io/react-gantt/en-US
- Size: 3.12 MB
- Stars: 121
- Watchers: 1
- Forks: 37
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
rc-gantt
React Gantt Component
English | [简体中文](./README.zh-CN.md)
## 🐯 Infos
[![NPM version][npm-badge]][npm-url]
[![NPM downloads][npm-downloads]][npm-url]
[npm-badge]: https://img.shields.io/npm/v/rc-gantt.svg?style=flat
[npm-url]: https://www.npmjs.com/package/rc-gantt
[npm-downloads]: http://img.shields.io/npm/dm/rc-gantt.svg?style=flat
## WebSite
[https://ahwgs.github.io/react-gantt/en-US](https://ahwgs.github.io/react-gantt/en-US)
## Quick Start
```bash
# Install Dependencies
$ yarn add rc-gantt
# Use
import RcGantt, { GanttProps, enUS } from 'rc-gantt'
const data = new Array(100).fill({
name: 'Title',
startDate: '2021-07-10',
endDate: '2021-07-12',
collapsed: false,
children: [
{
startDate: '2021-07-10',
endDate: '2021-07-12',
name: 'TitleTitle',
collapsed: false,
content: '123123123',
},
],
})
const App = () => {
return (
{
return true
}}
/>
)
}
ReactDOM.render(, document.getElementById('root'))
```
## Feedback
Please visit [Github](https://github.com/ahwgs/react-gantt/issues) Or add WeChat, note `rc-gantt`
WeChat ID: JavaScript_97