How to control the display size in vue so that the data is not blocked

Gantt
#1

image
image456×781 15.4 KB

How to control the display size in vue so that the data is not blocked

#2

Hello @jinhua,

The part inside the red rectangle is one of the columns, and you can set its width through the “columns” config using the width parameter:

gantt.config.columns=[
    {name:"text",       label:"Task name",   tree:true, width: 500, resize: true },///
];

Also, if you are using the “PRO” version, it provides the resize parameter, which allows resizing the column by dragging its border.

Here is a demo:
http://snippet.dhtmlx.com/5/13609a025

API columns:
https://docs.dhtmlx.com/gantt/api__gantt_columns_config.html