makes the grid resizable by dragging the right grid's border
Use the gantt.config.layout instead and specify grid and resizer objects with the necessary configuration inside. Check the details here.
gantt.config.layout = {
css: "gantt_container",
rows:[
{
cols: [
{view: "grid", id: "grid", scrollX:"scrollHor", scrollY:"scrollVer"},
{resizer: true, width: 1},
{view: "timeline", id: "timeline", scrollX:"scrollHor", scrollY:"scrollVer"},
{view: "scrollbar", scroll: "y", id:"scrollVer"}
]
},
{view: "scrollbar", scroll: "x", id:"scrollHor", height:20}
]
};
gantt.init("gantt_here");
Available only in PRO Edition
gantt.config.columns = [
{ name:"text", tree:true, width:"*", resize:true },
{ name:"start_date", align: "center"},
{ name:"duration", align: "center", width:70 },
{ name:"add", width:44 }
];
gantt.config.grid_resize = true; gantt.init("gantt_here");
This functionality is available in the PRO edition only.
deprecated since version 5.0
Back to top