A mod of https://github.com/frappe/gantt for optional grouping feature for v.0.8.1

🆕 Note about update

I made it to work with grouping so that more than one tasks can go in same row. Check index.html to see working example.

You need to pass an option enable_grouping: true this way behevior can be controlled. You can also set custom grups indices like groups: [0,1,2,3,4].

Install

npm i frappe-gantt-fix-for-grouping

Usage

You need to add following to options

1new Gantt('.gantt-target', tasks, {
2    enable_grouping:  true,
3    // Other options...
4});

To set custom index you can do like this is useful if you want to set labels with fixed values

1new Gantt('.gantt-target', tasks, {
2    enable_grouping:  true,
3    groups: [0,1,2,3,4],
4    // Other options...
5});

and tasks will be like

1let tasks = [
2    {
3        start: '2024-03-30',
4        duration: '12h',
5        name: 'Write new content',
6        id: 'Task 1',
7        progress: 5,
8        // important: true,
9        group: 0,
10    },
11    {
12        start: '2024-04-01',
13        end: '2024-04-01',
14        name: 'Redesign website',
15        id: 'Task 0',
16        progress: 30,
17        group: 0,
18    },
19    {
20        start: '2024-04-02',
21        end: '2024-04-02',
22        name: 'Apply new styles',
23        id: 'Task 2',
24        progress: 80,
25        group: 0,
26    },
27    {
28        start: '2024-04-04',
29        end: '2024-04-04',
30        name: 'Review',
31        id: 'Task 3',
32        progress: 5,
33        group: 1,
34    },
35    {
36        start: '2024-04-06',
37        end: '2024-04-06',
38        name: 'Deploy',
39        id: 'Task 4',
40        progress: 0,
41        group: 1,
42    },
43];

⚠️ For full docs check official docs and source of this mod https://github.com/iaminamcom/gantt-fix.