Different row heights

Gantt React Gantt
#1

Hi. I need to somehow make different row heights, I have a task that is rendered as splitted, and I want it to be 100px high, for example, and the same but different one I want to be 200 px. Please help me find some way?

#2

Hello Molven,
You can use the row_height property to set different height of the task rows:
https://docs.dhtmlx.com/gantt/desktop__task_properties.html#:~:text=Sets%20the%20height%20for%20the%20task's%20row

https://docs.dhtmlx.com/gantt/desktop__resizing_rows.html

Here is an example:
https://snippet.dhtmlx.com/ni3pnbng

1 Like
#3

@ramil thanks, Is there any way I can make different heights for the bars?

#4

Hello Molven,
Yes, it is possible to do that. For that, you need to use the bar_height property:
https://docs.dhtmlx.com/gantt/desktop__task_properties.html#:~:text=Sets%20the%20height%20of%20the%20DOM%20element%20of%20the%20task%20in%20the%20timeline%20area

Here is the updated snippet:
https://snippet.dhtmlx.com/mxpxk10a

1 Like